.ttp{z-index:990;color:#fff;background:var(--ink,#1c1640);visibility:hidden;border-radius:18px;max-width:820px;margin:0 auto;font:14px/1.35 Inter,system-ui,sans-serif;transition:transform .28s cubic-bezier(.2,.9,.3,1),visibility 0s .28s;position:fixed;bottom:16px;left:16px;right:16px;transform:translateY(calc(100% + 32px));box-shadow:0 18px 48px #1c164059}.ttp.open{visibility:visible;transition:transform .28s cubic-bezier(.2,.9,.3,1);transform:none}.ttp-inner{grid-template-columns:44px minmax(120px,220px) auto minmax(0,1fr) 36px;grid-template-areas:"art meta buttons seek close";align-items:center;column-gap:14px;padding:10px 12px 10px 10px;display:grid}.ttp-art{background:var(--grad);border-radius:10px;grid-area:art;width:44px;height:44px;position:relative;overflow:hidden}.ttp-art img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.ttp-art img[hidden]{display:none}.ttp-art-fallback{place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.ttp-meta{flex-direction:column;grid-area:meta;min-width:0;display:flex}.ttp-title{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ttp-sub{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.ttp-buttons{grid-area:buttons;align-items:center;gap:6px;display:flex}.ttp button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid}.ttp button:focus-visible,.ttp-cta:focus-visible{outline-offset:2px;outline:3px solid #c9a6ff}.ttp button svg{fill:currentColor;width:22px;height:22px}.ttp .ttp-toggle{width:42px;height:42px;color:var(--ink,#1c1640);background:#fff}.ttp-toggle svg:last-child{display:none}.ttp-toggle svg:first-child{display:block}.ttp:not(.is-playing) .ttp-toggle svg:first-child{display:none}.ttp:not(.is-playing) .ttp-toggle svg:last-child{display:block}.ttp.loading .ttp-toggle{animation:1s ease-in-out infinite ttp-pulse}@keyframes ttp-pulse{50%{opacity:.6}}.ttp .ttp-next,.ttp .ttp-close{color:#fffc;width:36px;height:36px}.ttp .ttp-next:hover,.ttp .ttp-close:hover{color:#fff;background:#ffffff1a}.ttp .ttp-next:disabled{opacity:.3;cursor:default;background:0 0}.ttp .ttp-close{grid-area:close}.ttp-close svg{width:18px;height:18px}.ttp-seekrow{grid-area:seek;align-items:center;gap:10px;min-width:0;display:flex}.ttp-time{font-variant-numeric:tabular-nums;color:#ffffff9e;min-width:32px;font-size:12px}.ttp-cur{text-align:right}.ttp-seek{--p:0%;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;flex:1;min-width:0;height:18px;margin:0}.ttp-seek::-webkit-slider-runnable-track{background:linear-gradient(90deg, #c9a6ff 0 var(--p), #ffffff38 var(--p) 100%);border-radius:4px;height:4px}.ttp-seek::-moz-range-track{background:#ffffff38;border-radius:4px;height:4px}.ttp-seek::-moz-range-progress{background:#c9a6ff;border-radius:4px;height:4px}.ttp-seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.ttp-seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.ttp-seek:focus-visible{outline:none}.ttp-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #c9a6ff8c}.ttp-seek:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #c9a6ff8c}.ttp-end{grid-area:seek;align-items:center;gap:12px;min-width:0;display:flex}.ttp-end[hidden],.ttp.ended .ttp-seekrow{display:none}.ttp-cta{color:#fff;background:var(--grad);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none}.ttp-cta:hover{filter:brightness(1.08)}.ttp-upnext{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}html.ttp-on body{padding-bottom:var(--ttp-space,96px)}html.ttp-on .toast{bottom:calc(var(--ttp-space,96px) + 8px)}@media (width<=1060px){html.ttp-on .tny-launch{bottom:calc(var(--ttp-space,96px) + 4px)}html.ttp-on .tny-panel{bottom:calc(var(--ttp-space,96px) + 80px);max-height:calc(100vh - var(--ttp-space,96px) - 100px)}}@media (width<=720px){.ttp{border-radius:16px;bottom:10px;left:10px;right:10px}.ttp-inner{grid-template-columns:44px minmax(0,1fr) auto 32px;grid-template-areas:"art meta buttons close""seek seek seek seek";gap:6px 10px;padding:10px 8px 8px 10px}.ttp .ttp-next{width:34px;height:34px}.ttp .ttp-close{width:32px;height:32px}.ttp-end{justify-content:space-between;padding:2px 2px 2px 0}.ttp-cta{padding:8px 14px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){.ttp,.ttp.open{transition:none}.ttp.loading .ttp-toggle{animation:none}}.post-sample[data-audio]{cursor:pointer}.post-sample-play{all:unset;box-sizing:border-box;cursor:pointer;background:var(--ink,#1c1640);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font:600 14px Inter,system-ui,sans-serif;display:inline-flex}.post-sample-play svg{fill:currentColor;width:20px;height:20px}.post-sample-play .pause-icon,.post-sample-play .pause-label,.post-sample.playing .post-sample-play .play-icon,.post-sample.playing .post-sample-play .play-label{display:none}.post-sample.playing .post-sample-play .pause-icon{display:block}.post-sample.playing .post-sample-play .pause-label{display:inline}.post-sample.playing{border-color:var(--violet);box-shadow:0 10px 28px #7a2ff024}.post-sample-play:focus-visible{outline:3px solid var(--violet);outline-offset:2px}