@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.listening-room{background:var(--surface-page);min-height:100dvh;color:var(--text-primary);font-family:var(--font-body);padding:clamp(24px,5vw,72px)}.listening-room button{font:inherit}.listening-room button:not(:disabled){cursor:pointer}.listening-room-preview-back{width:min(100%,1400px);min-height:44px;margin:0 auto var(--space-5);text-align:left;padding:0;display:block}.listening-room button:focus-visible,.listening-room summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.listening-room-eyebrow,.listening-room-kind,.listening-room-annotation-meta,.listening-room-live{color:var(--text-muted);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase}.listening-room-kind{color:var(--onykp-green)}.listening-room-curator{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.listening-room-kind-fact{color:var(--onykp-orange)}.listening-room-kind-motivation{color:var(--onykp-magenta)}.listening-room-annotation{animation:listening-room-arrive .42s var(--ease-out) both}.listening-room-annotation-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.listening-room-annotation p{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(24px,4.2vw,44px);font-weight:var(--fw-medium);text-wrap:balance;margin:0;line-height:1.22}.listening-room-annotation.is-quiet{animation:none}.listening-room-annotation.is-quiet p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--fw-regular);line-height:var(--text-body-lh);text-wrap:pretty}.listening-room-engagement{margin-top:var(--space-8);display:block}.listening-room-engagement .reactions{margin-top:0}.listening-room-engagement button{border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);transition:var(--transition-color), var(--transition-transform);background:0 0;border:1px solid #343434;padding:7px 13px;font-size:12px}.listening-room-engagement button:hover,.listening-room-engagement button.active{border-color:var(--onykp-green);color:var(--text-primary)}.listening-room-engagement button.active{background:#1db9541f}.listening-room-engagement button:active,.listening-room-track-controls button:active,.listening-room-primary:active,.listening-room-secondary:active{transform:scale(.96)}.listening-room-track-controls{align-items:center;gap:var(--space-2);color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;display:flex}.listening-room-track-controls button{background:var(--surface-raised);width:44px;height:44px;color:var(--text-primary);transition:var(--transition-color), var(--transition-transform);border:1px solid #2f2f2f;border-radius:50%}.listening-room-track-controls button:hover:not(:disabled){border-color:var(--text-muted)}.listening-room-track-controls button:disabled{opacity:.28}.listening-room-player-missing{padding:var(--space-4);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-small);border:1px solid #2f2f2f}.listening-room .spotify-embed-shell{border-radius:12px;overflow:hidden}.listening-room .spotify-continue{margin-top:var(--space-3)}.listening-room-primary{min-height:46px;padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--onykp-green);color:#07190d;font-weight:var(--fw-bold);transition:filter var(--dur-fast) ease, var(--transition-transform);border:0}.listening-room-primary:hover{filter:brightness(1.08)}.listening-room-secondary{min-height:46px;padding:0 var(--space-6);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--fw-bold);transition-property:color,box-shadow,transform;transition-duration:var(--dur-fast);background:0 0;border:0;box-shadow:0 0 0 1px #ffffff24}.listening-room-secondary:hover{color:var(--text-primary);box-shadow:0 0 0 1px #ffffff3d}.listening-room-ending{text-align:center;place-content:center;min-height:calc(100dvh - 204px);display:grid}.listening-room-ending>span{color:var(--onykp-green);font-size:12px;font-weight:var(--fw-bold);letter-spacing:.13em;text-transform:uppercase}.listening-room-ending h1{max-width:760px;margin:var(--space-5) auto var(--space-3);font-family:var(--font-display);text-wrap:balance;font-size:clamp(42px,8vw,86px);line-height:1}.listening-room-ending p{margin:0 auto var(--space-8);color:var(--text-muted)}.listening-room-ending-actions{justify-content:center;gap:var(--space-3);display:flex}.listening-room-untimed{gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid #ffffff1f;display:grid}.listening-room-untimed h2{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px}.listening-room-focus{width:min(100%,780px);margin:0 auto}.listening-room-focus-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid #242424;display:flex}.listening-room-focus-header h1{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(22px,3vw,30px);line-height:1.2}.listening-room-focus-player{align-items:center;gap:var(--space-4);padding:var(--space-6) 0 var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.listening-room-track-title{gap:2px;min-width:0;display:grid}.listening-room-track-title strong,.listening-room-track-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listening-room-track-title span,.listening-room-time{color:var(--text-muted);font-size:12px}.listening-room-time{font-variant-numeric:tabular-nums}.listening-room-focus-stage{min-height:370px;padding:clamp(52px, 9vw, 96px) 0 var(--space-10)}.listening-room-waiting span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.listening-room-waiting p{max-width:520px;margin:var(--space-4) 0 0;color:var(--text-secondary);font-family:var(--font-display);text-wrap:balance;font-size:clamp(28px,5vw,48px);line-height:1.18}.listening-room-next-note{align-items:center;gap:var(--space-4);margin-top:var(--space-10);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr;font-size:11px;display:grid}.listening-room-next-line{background:linear-gradient(90deg, var(--onykp-green), transparent);height:1px}.listening-room-history{border-top:1px solid #242424}.listening-room-history summary{padding:var(--space-5) 0;color:var(--text-muted);cursor:pointer;justify-content:space-between;font-size:13px;list-style:none;display:flex}.listening-room-history summary::-webkit-details-marker{display:none}.listening-room-history>div{gap:var(--space-6);padding:var(--space-2) 0 var(--space-8);display:grid}.listening-room-theme-liner{background:#0e0d0d}.listening-room-liner-layout{grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr);gap:clamp(48px,8vw,128px);width:min(100%,1240px);margin:0 auto;display:grid}.listening-room-liner-player{align-self:start;position:sticky;top:48px}.listening-room-cover-frame{aspect-ratio:1;background:linear-gradient(145deg, color-mix(in srgb, var(--cover-hue) 38%, #191919), #0d0d0d 70%);box-shadow:var(--shadow-card);border-radius:2px;place-items:center;display:grid;overflow:hidden}.listening-room-liner-identity{padding:var(--space-8) 0 var(--space-6)}.listening-room-liner-identity h1{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-display);text-wrap:balance;font-size:clamp(32px,4.5vw,56px);line-height:1.04}.listening-room-liner-identity p{max-width:520px;color:var(--text-muted);text-wrap:pretty;margin:0;line-height:1.55}.listening-room-liner-track{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid #2b2a2a;display:flex}.listening-room-liner-track>div{gap:3px;display:grid}.listening-room-liner-track span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.listening-room-liner-player>.listening-room-track-controls{margin-top:var(--space-4);justify-content:flex-end}.listening-room-liner-notes{color:#171513;min-height:calc(100dvh - 204px);box-shadow:var(--shadow-card);background:#f0eee8;border-radius:2px;padding:clamp(28px,5vw,72px)}.listening-room-liner-notes>header{padding-bottom:var(--space-5);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #bbb7ae;justify-content:space-between;display:flex}.listening-room-liner-current{min-height:360px;padding:clamp(52px, 8vw, 96px) 0 var(--space-10)}.listening-room-liner-notes .listening-room-annotation-meta,.listening-room-liner-notes .listening-room-kind,.listening-room-liner-notes .listening-room-engagement button{color:#6c675f}.listening-room-liner-notes .listening-room-annotation p{color:#171513}.listening-room-liner-notes .listening-room-engagement button{border-color:#bbb7ae}.listening-room-liner-notes .listening-room-engagement button:hover,.listening-room-liner-notes .listening-room-engagement button.active{color:#171513;border-color:#171513}.listening-room-liner-empty{max-width:460px;font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.16}.listening-room-liner-next{padding:var(--space-5) 0;border-top:1px solid #bbb7ae;border-bottom:1px solid #bbb7ae}.listening-room-liner-next span,.listening-room-liner-past h2{color:#6c675f;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase}.listening-room-liner-next p{margin:var(--space-3) 0 0;color:#45413c;text-wrap:pretty;line-height:1.5}.listening-room-liner-past{gap:var(--space-6);padding-top:var(--space-8);display:grid}.listening-room-liner-past h2{margin:0}.listening-room-liner-notes .listening-room-annotation.is-quiet p{color:#45413c}.listening-room-liner-notes .listening-room-untimed{border-top-color:#bbb7ae}.listening-room-liner-notes .listening-room-untimed h2{color:#6c675f}.listening-room-theme-broadcast{background:radial-gradient(circle at 88% 16%, #e52ee517, transparent 32%), radial-gradient(circle at 8% 90%, #1db95414, transparent 28%), var(--surface-page)}.listening-room-broadcast{grid-template-rows:auto 1fr auto auto auto;width:min(100%,1400px);min-height:calc(100dvh - 204px);margin:0 auto;display:grid}.listening-room-broadcast-header{text-align:center;padding-bottom:var(--space-5);border-bottom:1px solid #2a2929;font-size:12px}.listening-room-broadcast-header>strong{font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listening-room-broadcast-stage{grid-template-columns:minmax(220px,.7fr) minmax(460px,1.3fr);align-items:center;gap:clamp(48px,8vw,128px);padding:clamp(32px,5vh,64px) 0;display:grid}.listening-room-broadcast-track{align-items:center;gap:var(--space-6);display:flex}.listening-room-broadcast-track>div{min-width:0}.listening-room-broadcast-track span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.listening-room-broadcast-track h1{margin:var(--space-2) 0 3px;font-family:var(--font-display);text-overflow:ellipsis;font-size:clamp(28px,4vw,48px);line-height:1.06;overflow:hidden}.listening-room-broadcast-track p{color:var(--text-muted);margin:0}.listening-room-broadcast-copy blockquote{max-width:850px;margin:var(--space-4) 0 0;font-family:var(--font-display);font-size:clamp(32px,5vw,68px);font-weight:var(--fw-medium);overflow-wrap:anywhere;text-wrap:balance;line-height:1.08}.listening-room-broadcast-copy blockquote.is-waiting{color:var(--text-muted)}.listening-room-broadcast-timeline{background:#302f2f;height:2px;position:relative}.listening-room-broadcast-progress{background:var(--onykp-gradient);transition:width .3s linear;position:absolute;inset:0 auto 0 0}.listening-room-broadcast-timeline>span{border:2px solid var(--surface-page);background:var(--text-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.listening-room-broadcast-time{padding:var(--space-3) 0;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.listening-room-broadcast-deck{align-items:center;gap:var(--space-6);padding-top:var(--space-5);border-top:1px solid #2a2929;grid-template-columns:minmax(320px,1fr) auto minmax(220px,.7fr);display:grid}.listening-room-broadcast-player{max-width:540px}.listening-room-broadcast-log{min-width:0}.listening-room-broadcast-log span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.listening-room-broadcast-log p{margin:var(--space-2) 0 0;color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.listening-room-broadcast-history{margin-top:var(--space-8)}@keyframes listening-room-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.listening-room-liner-layout{grid-template-columns:1fr;width:min(100%,680px)}.listening-room-liner-player{position:static}.listening-room-liner-notes{order:-1}.listening-room-cover-frame{aspect-ratio:auto;min-height:360px}.listening-room-broadcast-stage{align-content:center;gap:var(--space-10);grid-template-columns:1fr}.listening-room-broadcast-deck{grid-template-columns:1fr auto}.listening-room-broadcast-log{display:none}}@media (width<=620px){.listening-room{padding:22px 18px 48px}.listening-room-focus-header{align-items:center}.listening-room-focus-header .listening-room-track-controls span{display:none}.listening-room-focus-player{grid-template-columns:auto 1fr}.listening-room-focus-player .listening-room-time{display:none}.listening-room-focus-stage{min-height:330px;padding-top:var(--space-16)}.listening-room-annotation p{font-size:clamp(24px,8vw,36px)}.listening-room-cover-frame{min-height:270px}.listening-room-liner-notes{min-height:auto;padding:28px 24px}.listening-room-liner-current{min-height:0;padding:var(--space-10) 0}.listening-room-broadcast{min-height:calc(100dvh - 168px)}.listening-room-broadcast-stage{gap:var(--space-10);padding:var(--space-10) 0}.listening-room-broadcast-track .disc{display:none}.listening-room-broadcast-copy blockquote{font-size:clamp(27px,9vw,42px)}.listening-room-broadcast-deck{grid-template-columns:1fr}.listening-room-broadcast-deck .listening-room-track-controls{justify-content:flex-end}.listening-room-ending-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.listening-room-annotation{animation:none}.listening-room-broadcast-progress{transition:none}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Inter-Medium.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Inter-Bold.woff2)format("woff2")}:root{--onykp-ink:#0b0a0a;--onykp-ink-2:#1f1e1e;--onykp-black:#111;--onykp-black-2:#141414;--onykp-black-3:#161616;--onykp-white:#fff;--onykp-off-white:#f5f5f5;--onykp-grey-200:#d6d3d3;--onykp-grey-400:#8f8895;--onykp-grey-600:#333;--onykp-ink-text:#292a2c;--onykp-green:#1db954;--onykp-green-ink:#0e5f2a;--onykp-orange:#ff7e44;--onykp-orange-link:#ff8e43;--onykp-magenta:#e52ee5;--onykp-magenta-solid:#a727a7;--onykp-purple:#524460;--onykp-gradient:linear-gradient(89.62deg, #ff7e44 16.61%, #1db954 51.86%, #e52ee5b3 87.85%);--onykp-gradient-input:linear-gradient(89.62deg, #ff7e44 -1.07%, #1db954 49.97%, #e52ee5b3 119%);--surface-page:var(--onykp-ink);--surface-raised:var(--onykp-black);--surface-card:var(--onykp-white);--text-primary:var(--onykp-off-white);--text-secondary:var(--onykp-grey-200);--text-muted:var(--onykp-grey-400);--text-on-card:var(--onykp-ink-text);--accent:var(--onykp-green);--accent-cta:var(--onykp-magenta-solid);--focus-ring:var(--onykp-green);--scrim-card-bottom:linear-gradient(to bottom, #fff0, #fff 90%);--scrim-hero:linear-gradient(180deg, #0b0a0a 31.77%, #0b0a0ae6 58.33%, #0b0a0a00 100%);--font-display:"Manrope", "Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-hero:50px;--text-hero-lh:55px;--text-h2:40px;--text-h2-lh:48px;--text-h3:32px;--text-h3-lh:40px;--text-lead:20px;--text-lead-lh:29px;--text-body:16px;--text-body-lh:26px;--text-small:14px;--text-small-lh:20px;--text-eyebrow:16px;--text-eyebrow-lh:20px;--tracking-eyebrow:2px;--tracking-button:.5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-16:4rem;--space-18:4.375rem;--max-content-width:75rem;--radius-sm:6px;--radius-md:8px;--radius-lg:11px;--radius-pill:999px;--glow-green:0 0 0 1.9px #1db95440;--shadow-card:0 10px 40px #00000059;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.16s;--dur-fast:.2s;--dur-med:.25s;--transition-color:color var(--dur-fast) ease, background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, opacity var(--dur-fast) ease, box-shadow var(--dur-fast) ease;--transition-transform:transform var(--dur-press) var(--ease-out)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--onykp-ink);color:var(--onykp-off-white);margin:0;font-family:Inter,sans-serif}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}::placeholder{color:var(--onykp-grey-400)}@keyframes float{0%{transform:translateY(-10px)}to{transform:translateY(12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes reduced-fade{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-root{background:var(--onykp-ink) url(/assets/bg/bg.svg);min-height:100vh;color:var(--onykp-off-white);overflow:hidden}.gradient-text{background:var(--onykp-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.eyebrow{color:var(--onykp-grey-400);letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:500}.o-logo{border-radius:50%;box-shadow:0 0 0 2px #1db95440}.o-logo-lg{width:64px;height:64px}.o-logo-sm{width:34px;height:34px}.logo-reveal img:last-child{opacity:0;transition:opacity .5s,transform .5s;transform:translate(-8px)}@media (hover:hover){.logo-reveal:hover img:last-child{opacity:1;transform:translate(0)}}@media (hover:none){.logo-reveal img:last-child{animation:.5s .5s forwards logo-reveal}}@keyframes logo-reveal{to{opacity:1;transform:translate(0)}}.btn{border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.75}.btn-green{background:var(--onykp-green);color:var(--onykp-ink)}.btn-white{background:var(--onykp-off-white);color:var(--onykp-ink)}.btn-magenta{background:var(--onykp-magenta-solid);color:var(--onykp-white)}.btn-small{height:38px;padding:0 16px;font-size:13px}.quiet-link,.quiet-button,.back-button,.tiny-action,.cancel-button,.preview-link{color:var(--onykp-grey-400);background:0 0;border:none;font-weight:600;transition:color .2s,background-color .2s,opacity .2s}.quiet-link:hover,.back-button:hover,.cancel-button:hover{color:var(--onykp-off-white)}.quiet-link:hover,.preview-link:hover{text-decoration:underline}.quiet-button{border-radius:var(--radius-md);height:40px;padding:0 12px;font-size:14px}.quiet-button:hover{background:var(--onykp-black);color:var(--onykp-off-white)}.tiny-action{padding:0;font-size:13px;font-weight:500}.tiny-action:hover{color:var(--onykp-green)}.tiny-action.danger:hover,.delete-link:hover{color:var(--onykp-magenta)}.push{margin-left:auto}.gradient-shell,.gradient-card,.gradient-input-wrap,.modal-shell{background:var(--onykp-gradient-input)}.gradient-shell{border-radius:var(--radius-md);border:none;padding:2px;transition:opacity .2s}.gradient-shell:hover{opacity:.75}.gradient-shell>span{border-radius:var(--radius-sm);background:var(--onykp-black);color:var(--onykp-off-white);justify-content:center;align-items:center;font-weight:600;display:flex}.gradient-card{border-radius:var(--radius-lg);padding:2px}.gradient-input-wrap{border-radius:var(--radius-lg);padding:2px;display:block}.gradient-input-wrap input{background:var(--onykp-ink);width:100%;height:44px;color:var(--onykp-off-white);border:none;border-radius:9px;padding:0 14px;font-size:14px}.disc{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 10px 30px #00000073}.disc img{object-fit:contain;display:block}.disc-xs{width:56px;height:56px}.disc-xs img{width:32px;height:32px}.disc-sm{width:44px;height:44px}.disc-sm img{width:26px;height:26px}.disc-md{width:84px;height:84px}.disc-md img{width:48px;height:48px}.disc-lg{width:108px;height:108px}.disc-lg img{width:72px;height:72px}.disc-xl{width:160px;height:160px}.disc-xl img{width:104px;height:104px}.disc-phone{width:120px;height:120px}.disc-phone img{width:76px;height:76px}.disc-spin{animation:9s linear infinite spin}.onboarding,.listener-landing{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-scrim{background:var(--scrim-hero);position:absolute;inset:0}.float-object{z-index:1;object-fit:contain;animation:ease-in-out infinite alternate float;position:absolute}.float-radio{width:84px;animation-duration:6s;top:12%;left:12%}.float-cd{width:76px;animation-duration:8s;animation-direction:alternate-reverse;bottom:16%;left:20%}.float-mic{width:72px;animation-duration:7s;top:18%;right:14%}.float-grammy{width:80px;animation-duration:9s;animation-direction:alternate-reverse;bottom:14%;right:19%}.connect-card,.sync-card{z-index:2;text-align:center;padding:24px;position:relative}.connect-card{max-width:560px;animation:fadeUp .25s var(--ease-out) both}.connect-eyebrow{margin-top:28px;font-size:16px}.connect-title{margin:14px 0 0;font-family:Manrope,Inter,sans-serif;font-size:44px;font-weight:800;line-height:1.15}.connect-copy{max-width:420px;color:var(--onykp-grey-200);margin:16px auto 36px;font-size:17px;line-height:1.6}.connect-actions{flex-direction:column;gap:14px;max-width:340px;margin:0 auto;display:flex}.btn-connect{gap:12px;height:56px;font-size:17px}.spotify-dot{background:var(--onykp-ink);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.spotify-dot span{background:var(--onykp-green);border-radius:50%;width:10px;height:10px}.apple-glyph{width:19px;height:19px}.login-page{background:radial-gradient(circle at 17% 82%,#e52ee512,#0000 34%),radial-gradient(circle at 72% 18%,#1db95412,#0000 28%);flex-direction:column;min-height:100vh;padding:30px clamp(28px,4vw,72px) 24px;display:flex;position:relative;overflow:hidden}.login-page:before{aspect-ratio:1;content:"";background:repeating-radial-gradient(circle,#0000 0 17px,#ffffff06 18px 19px);border:1px solid #ffffff09;border-radius:50%;width:min(66vw,860px);position:absolute;top:50%;left:clamp(-360px,-15vw,-180px);transform:translateY(-45%)}.login-header,.login-stage{z-index:1;width:100%;max-width:1240px;margin-inline:auto;position:relative}.login-header{justify-content:space-between;align-items:center;min-height:44px;display:flex}.login-brand{align-items:center;gap:16px;display:flex}.login-brand-logo{align-items:center;gap:8px;display:flex}.login-brand-logo .o-logo{width:32px;height:32px}.login-brand-logo img:last-child{width:105px;height:auto}.login-stage{grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr);align-items:center;gap:clamp(70px,9vw,150px);min-height:calc(100vh - 136px);padding-block:56px;display:grid}.login-story{min-width:0;max-width:660px}.login-story-eyebrow{color:var(--onykp-orange);margin-bottom:18px}.login-story h1{max-width:650px;font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(50px,5.3vw,78px);font-weight:800;line-height:.99}.login-story h1 span{display:inline-block}.login-story-copy{max-width:570px;color:var(--onykp-grey-200);text-wrap:pretty;margin:26px 0 0;font-size:18px;line-height:1.65}.login-cue{background:#111111d6;border:1px solid #ffffff1a;border-radius:16px;width:min(100%,470px);margin-top:46px;padding:22px 24px 20px;transform:rotate(-1.5deg);box-shadow:0 28px 80px #00000059}.login-cue-heading,.login-cue-meta{color:var(--onykp-grey-400);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.login-cue-heading span:first-child{color:var(--onykp-green)}.login-cue p{max-width:390px;color:var(--onykp-off-white);font-family:var(--font-display);margin:18px 0 22px;font-size:18px;font-weight:600;line-height:1.45}.login-cue-timeline{background:#ffffff1f;height:2px;margin-bottom:15px;position:relative}.login-cue-timeline span{background:var(--onykp-gradient);width:43%;height:100%;display:block}.login-cue-timeline i{background:var(--onykp-off-white);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:43%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff1a}.login-panel{background:#111111eb;border:1px solid #ffffff1a;border-radius:22px;justify-self:end;width:100%;max-width:470px;padding:clamp(34px,4vw,50px);position:relative;overflow:hidden;box-shadow:0 32px 100px #00000073}.login-panel:before{background:var(--onykp-gradient);content:"";height:3px;position:absolute;top:0;left:0;right:0}.login-panel-eyebrow{color:var(--onykp-green)}.login-panel h2{font-family:var(--font-display);letter-spacing:-.04em;margin:13px 0 0;font-size:clamp(32px,3vw,42px);font-weight:800;line-height:1.1}.login-panel-copy{color:var(--onykp-grey-200);margin:15px 0 0;font-size:15px;line-height:1.6}.login-providers{flex-direction:column;gap:12px;margin-top:32px;display:flex}.login-provider{text-align:left;border:1px solid #0000;border-radius:12px;grid-template-columns:26px 1fr 18px;align-items:center;gap:13px;min-height:58px;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:grid}.login-provider:hover{transform:translateY(-2px)}.login-provider:active{transform:translateY(0)}.login-provider-spotify{background:var(--onykp-green);color:var(--onykp-ink)}.login-provider-spotify:hover{background:#24c45c}.login-provider-apple{background:var(--onykp-off-white);color:var(--onykp-black)}.login-provider-apple:hover{background:var(--onykp-white)}.login-provider-icon{width:24px;height:24px}.login-provider-spotify .login-provider-icon path{fill:none;stroke:var(--onykp-green);stroke-linecap:round;stroke-width:1.45px}.login-provider-arrow{opacity:.55;text-align:right;font-size:18px;font-weight:500;transition:transform .18s}.login-provider:hover .login-provider-arrow{transform:translate(3px)}.login-provider-note{color:var(--onykp-grey-400);margin:22px 0 0;font-size:12px;line-height:1.55}.login-preview-note{color:var(--onykp-grey-400);margin:10px 0 0;font-size:12px;line-height:1.55}.login-preview-note a{color:var(--onykp-green);text-underline-offset:3px}.login-unavailable{color:var(--onykp-grey-200);background:#ff7e4414;border:1px solid #ff7e4459;border-radius:12px;margin:0;padding:15px 16px;font-size:13px;line-height:1.5}@media (width<=1000px){.login-stage{grid-template-columns:minmax(0,1fr) minmax(370px,.78fr);gap:48px}.login-story h1{font-size:clamp(46px,5.6vw,62px)}}@media (width<=820px){.login-page{overflow:auto}.login-page:before{width:700px;top:16%;left:-300px}.login-stage{grid-template-columns:1fr;gap:58px;min-height:auto;padding-block:80px 58px}.login-story{max-width:620px}.login-panel{justify-self:start;max-width:520px}}@media (width<=560px){.login-page{padding:22px 20px 24px;overflow-x:hidden}.login-header>p{display:none}.login-brand{gap:12px}.login-brand-logo .o-logo{width:28px;height:28px}.login-brand-logo img:last-child{width:92px}.login-stage{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:52px 36px}.login-story h1{font-size:clamp(40px,12.5vw,52px);line-height:1.02}.login-story h1 span{display:inline}.login-story-copy{margin-top:20px;font-size:16px;line-height:1.55}.login-cue{display:none}.login-panel{border-radius:18px;min-width:0;padding:32px 24px}.login-panel h2{font-size:34px}.login-provider{min-height:56px;padding-inline:15px;font-size:14px}}.sync-card{animation:gentle-enter .25s var(--ease-out) both}.sync-logo{width:88px;height:88px;animation:2.4s linear infinite spin;box-shadow:0 0 0 3px #1db95440}.sync-eyebrow{margin-top:26px;font-size:16px}.sync-card h2{color:var(--onykp-off-white);margin:12px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:30px;font-weight:800}.sync-card p{color:var(--onykp-grey-400);margin:0;font-size:15px}.sync-track{border-radius:var(--radius-sm);background:var(--onykp-black);width:280px;height:6px;margin:28px auto 0;overflow:hidden}.sync-fill{border-radius:var(--radius-sm);background:var(--onykp-gradient-input);height:100%;transition:width .12s linear}.studio-shell{grid-template-columns:296px 1fr;min-height:100vh;display:grid}.sidebar{background:#0b0a0ab3;border-right:1px solid #ffffff0f;flex-direction:column;gap:24px;min-height:100vh;max-height:100vh;padding:28px 20px;display:flex;overflow-y:auto}.sidebar-logo{align-items:center;gap:10px;display:flex}.wordmark{height:16px}.sidebar-heading{justify-content:space-between;align-items:center;display:flex}.service-name{color:var(--onykp-green);font-size:12px}.playlist-search{align-items:center;display:flex;position:relative}.playlist-search>span{color:var(--onykp-grey-400);pointer-events:none;font-size:20px;line-height:1;position:absolute;left:12px}.playlist-search input{border-radius:var(--radius-md);background:var(--onykp-black-3);width:100%;height:40px;color:var(--onykp-off-white);font:inherit;border:1px solid #ffffff1a;outline:none;padding:0 12px 0 38px;font-size:14px;transition:border-color .2s,box-shadow .2s}.playlist-search input::placeholder{color:var(--onykp-grey-400)}.playlist-search input:focus{border-color:#1db954b3;box-shadow:0 0 0 3px #1db9541f}.playlist-search-empty{color:var(--onykp-grey-400);margin:18px 12px;font-size:13px}.playlist-nav,.studio-nav{flex-direction:column;display:flex}.playlist-nav{gap:8px}.playlist-nav-row{border-radius:var(--radius-lg);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background-color .2s,box-shadow .2s;display:flex}.playlist-nav-row:hover,.studio-nav-row:hover{background:var(--onykp-black-3)}.playlist-nav-row.active,.studio-nav-row.active{background:var(--onykp-black);box-shadow:inset 0 0 0 1px #1db95459}.playlist-nav-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.playlist-nav-copy span{max-width:166px;color:var(--onykp-off-white);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.playlist-nav-copy small{color:var(--onykp-grey-400);font-size:12px}.studio-nav{border-top:1px solid #ffffff0f;gap:2px;padding-top:18px}.studio-label{padding:0 12px 8px}.studio-nav-row{border-radius:var(--radius-md);width:100%;color:var(--onykp-grey-200);text-align:left;background:0 0;border:none;padding:9px 12px;font-size:14px;font-weight:600;transition:color .2s,background-color .2s,box-shadow .2s}.studio-nav-row.active{color:var(--onykp-off-white)}.new-playlist{margin-top:auto}.new-playlist span{gap:8px;height:44px}.studio-main{max-height:100vh;padding:36px 44px 60px;overflow-y:auto}.playlist-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:24px;padding-bottom:28px;display:flex}.playlist-title-block{flex:1;min-width:260px}.playlist-title-block h1,.panel-view h1{margin:6px 0 8px;font-family:Manrope,Inter,sans-serif;font-size:38px;font-weight:800;line-height:1.1}.playlist-title-block p,.panel-view>p{color:var(--onykp-grey-200);margin:0 0 6px;font-size:15px}.playlist-title-block small{color:var(--onykp-grey-400);font-size:13px}.playlist-title-block .publishing-status,.modal-card .publishing-status{color:var(--onykp-green);margin:8px 0 0;font-size:12px;font-weight:700}.modal-card .publishing-status{margin-bottom:8px}.playlist-title-block .publishing-status-local,.playlist-title-block .publishing-status-saving,.modal-card .publishing-status-local,.modal-card .publishing-status-saving{color:var(--onykp-grey-300)}.playlist-title-block .publishing-status-retrying,.modal-card .publishing-status-retrying{color:var(--onykp-orange)}.playlist-actions{align-items:center;gap:4px;display:flex}.preview-button{margin-left:10px}.preview-button span{gap:8px;height:42px;padding:0 18px;font-size:14px}.room-picker{border-bottom:1px solid #ffffff0f;padding:28px 0 24px}.room-picker-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.room-picker-heading h2{color:var(--onykp-off-white);text-wrap:balance;margin:5px 0 0;font-family:Manrope,Inter,sans-serif;font-size:22px}.room-picker-heading p{max-width:520px;color:var(--onykp-grey-300);text-align:right;text-wrap:pretty;margin:0;font-size:13px;line-height:1.5}.room-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.room-card{min-width:0;min-height:174px;color:var(--onykp-off-white);text-align:left;background:#ffffff06;border:0;border-radius:16px;flex-direction:column;align-items:stretch;padding:20px;transition-property:background-color,box-shadow,scale;transition-duration:.16s;transition-timing-function:ease-out;display:flex;box-shadow:0 0 0 1px #ffffff14}.room-card:hover{background:#ffffff0b;box-shadow:0 0 0 1px #ffffff26}.room-card:active{scale:.96}.room-card.is-selected{background:#1db95412;box-shadow:0 0 0 1px #1db954b8,0 14px 40px #0003}.room-card-copy{gap:9px;display:grid}.room-card-copy strong{font-family:Manrope,Inter,sans-serif;font-size:16px}.room-card-copy small{color:var(--onykp-grey-300);text-wrap:pretty;font-size:12px;line-height:1.5}.room-card-status{width:fit-content;color:var(--onykp-grey-400);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:18px;font-size:10px;font-weight:700}.room-card.is-selected .room-card-status{color:var(--onykp-green)}.track-list{flex-direction:column;margin-top:8px;display:flex}.track-block{border-bottom:1px solid #ffffff0d}.drop-line{background:var(--onykp-gradient-input);border-radius:3px;height:3px;margin:0 12px}.track-row{border-radius:var(--radius-lg);grid-template-columns:18px 44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:16px 12px;transition:background-color .2s;display:grid}.track-row:hover{background:var(--onykp-black)}.drag-grip{color:var(--onykp-grey-400);cursor:grab;opacity:.45;-webkit-user-select:none;user-select:none;font-size:14px}.track-num{color:var(--onykp-grey-400);text-align:center;font-size:13px;font-weight:600}.track-play{min-width:44px;min-height:44px;color:var(--onykp-grey-400);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .2s}.track-play:hover,.playing-note{color:var(--onykp-green)}.track-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.track-copy span{color:var(--onykp-off-white);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.track-copy small{color:var(--onykp-grey-400);font-size:13px}.detail-badge{border-radius:var(--radius-sm);color:var(--onykp-green);background:#1db9541f;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.caret{width:44px;height:44px;color:var(--onykp-grey-400);transition:color .2s ease, transform .2s var(--ease-in-out);background:0 0;border:0;padding:0}.caret.open{transform:rotate(180deg)}.remove-track{min-width:44px;min-height:44px;color:var(--onykp-grey-400);opacity:.5;background:0 0;border:none;padding:4px;font-size:14px;transition:color .2s,opacity .2s}.remove-track:hover{color:var(--onykp-magenta);opacity:1}.annotation-editor{padding:4px 12px 22px 64px;animation:.3s both fadeUp}.note-card{animation:gentle-enter .25s var(--ease-out) both;margin-bottom:10px}.note-card-inner{background:var(--onykp-black);border-radius:9px;padding:14px 16px}.note-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.note-kind,.liner-kind{color:var(--onykp-green);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:600}.timestamp{border-radius:var(--radius-sm);color:var(--onykp-orange);background:#ff7e4426;padding:2px 8px;font-size:11px;font-weight:600}.byline{color:var(--onykp-grey-400);font-size:12px}.pill{color:var(--onykp-grey-200);white-space:nowrap;background:#ffffff0f;border-radius:50px;padding:2px 10px;font-size:12px}.pill-button{border:none;transition:color .2s,background-color .2s}.pill-button:hover{color:var(--onykp-green);background:#1db95426}.note-card-inner p,.liner-card p,.top-detail-card p{color:var(--onykp-grey-200);margin:0;font-size:14px;line-height:1.55}.thread{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;margin-top:12px;padding-top:10px;animation:.25s both fadeUp;display:flex}.thread-comment{gap:8px;display:flex}.thread-comment span{color:var(--onykp-green);flex-shrink:0;font-size:12px;font-weight:600}.thread-comment p{color:var(--onykp-grey-200);font-size:13px;line-height:1.5}.thread-reply{gap:8px;display:flex}.thread-reply input{border-radius:var(--radius-md);background:var(--onykp-ink);height:38px;color:var(--onykp-off-white);border:1px solid #ffffff1f;flex:1;padding:0 12px;font-size:13px}.thread-failure{color:var(--onykp-orange);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.thread-failure button{color:inherit;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.timeline-block{margin-top:12px}.timeline-strip{cursor:crosshair;height:32px;position:relative}.capture-moment{margin-bottom:8px}.timeline-track{background:var(--onykp-ink-2);border-radius:4px;height:4px;position:absolute;top:14px;left:0;right:0}.timeline-marker,.listen-marker{background:var(--onykp-black);color:var(--onykp-green);transition:color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .16s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #1db95480}.timeline-marker{width:20px;height:20px;font-size:10px;top:6px}.timeline-marker:hover{background:var(--onykp-green);color:var(--onykp-ink);transform:translate(-50%)scale(1.25)}.draft-playhead{background:linear-gradient(180deg, var(--onykp-orange), var(--onykp-magenta));width:2px;height:28px;position:absolute;top:2px;transform:translate(-50%)}.live-playhead{background:var(--onykp-green);width:2px;height:28px;box-shadow:0 0 6px var(--onykp-green);will-change:transform;transition:transform .2s linear;position:absolute;top:2px;left:0}.timeline-caption,.progress-labels{color:var(--onykp-grey-400);justify-content:space-between;font-size:11px;display:flex}.progress-labels{font-variant-numeric:tabular-nums}.timeline-caption button{color:var(--onykp-orange);background:0 0;border:none;font-size:11px;font-weight:600;transition:opacity .2s}.timeline-caption button:hover{opacity:.75}.chips{gap:8px;margin:14px 0 10px;display:flex}.chip{border-radius:var(--radius-sm);color:var(--onykp-grey-200);background:0 0;border:1px solid #ffffff1f;padding:7px 14px;font-size:13px;font-weight:600;transition:color .2s,background-color .2s,border-color .2s,opacity .2s}.chip.active{border-color:var(--onykp-green);color:var(--onykp-green);background:#1db95426}.chip:hover{opacity:.8}.composer{gap:10px;display:flex}.composer .gradient-input-wrap{flex:1}.composer input{background:var(--onykp-black);height:46px}.pin-button{height:50px;padding:0 22px;font-size:15px}.end-drop-zone{height:16px;padding-top:4px}.empty-playlist{color:var(--onykp-grey-400);text-align:center;margin:28px 0 0;font-size:14px}.empty-studio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:60vh;display:flex}.empty-studio p{max-width:380px;color:var(--onykp-grey-200);margin:0 0 18px;font-size:15px}.empty-studio-actions{flex-direction:column;gap:12px;width:280px;display:flex}.empty-studio-actions .gradient-shell>span{height:48px}.spotify-picker-shell{width:min(620px,100vw - 32px);max-width:620px}.spotify-picker-card>p{color:var(--onykp-grey-200);margin:-8px 0 20px;line-height:1.5}.spotify-picker-results{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;max-height:min(440px,52vh);margin-top:14px;overflow-y:auto}.spotify-picker-row{width:100%;color:var(--onykp-green);text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:20px;padding:14px 4px;display:flex}.spotify-picker-row:hover{background:#ffffff08}.spotify-picker-row:disabled{cursor:wait;opacity:.6}.spotify-picker-row>span:first-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.spotify-picker-row strong,.spotify-picker-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spotify-picker-row strong{color:var(--onykp-off-white);font-size:14px}.spotify-picker-row small,.legacy-imports{color:var(--onykp-grey-400);font-size:12px}.spotify-picker-row>span:last-child{flex:none;font-size:12px;font-weight:700}.legacy-imports{padding:0 18px 16px 64px;line-height:1.5}.legacy-imports summary{cursor:pointer}.legacy-import-list{border-top:1px solid #ffffff14;max-height:320px;margin-top:12px;overflow-y:auto}.legacy-import-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.legacy-import-row>span{flex-direction:column;min-width:0;display:flex}.legacy-import-row strong,.legacy-import-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legacy-import-row strong{color:var(--onykp-off-white);font-size:13px}.legacy-import-row small{color:var(--onykp-grey-400)}.add-songs{margin-top:20px}.add-toggle{border-radius:var(--radius-lg);width:100%;color:var(--onykp-grey-200);background:0 0;border:1px dashed #ffffff2e;padding:14px;font-size:15px;font-weight:600;transition:color .2s,border-color .2s}.add-toggle:hover{color:var(--onykp-off-white);border-color:#1db95480}.add-panel{border-radius:var(--radius-lg);background:var(--onykp-black);padding:18px;animation:.3s both fadeUp}.add-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.add-panel-head button{color:var(--onykp-grey-400);background:0 0;border:none;font-size:13px;transition:color .2s}.add-panel-head button:hover{color:var(--onykp-off-white)}.catalog-search{align-items:center;gap:10px;display:flex}.catalog-search .gradient-input-wrap{flex:1}.library-results{flex-direction:column;margin-top:12px;display:flex}.library-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;padding:10px 6px;display:flex}.library-row span:first-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.library-row strong{color:var(--onykp-off-white);font-size:14px;font-weight:600}.library-row small{color:var(--onykp-grey-400);font-size:12px}.library-row button,.outline-pill{color:var(--onykp-green);background:0 0;border:1px solid #1db95480;border-radius:50px;padding:6px 16px;font-size:13px;font-weight:600;transition:color .2s,background-color .2s,border-color .2s}.library-row button:hover,.outline-pill:hover{background:#1db95426}.added{color:var(--onykp-green);font-size:13px;font-weight:600}.no-results,.empty-copy{color:var(--onykp-grey-400);margin:10px 0 0;font-size:14px}.modal-overlay{z-index:10;background:#0b0a0acc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-shell{width:92%;max-width:480px;animation:gentle-enter .25s var(--ease-out) both;border-radius:13px;padding:2px}.modal-card{border-radius:var(--radius-lg);background:var(--onykp-black);padding:28px}.modal-card h2{margin:8px 0 20px;font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800}.modal-input,.settings-box input{background:var(--onykp-ink);width:100%;height:48px;color:var(--onykp-off-white);border:1px solid #ffffff1f;border-radius:9px;padding:0 14px;font-size:15px}.modal-input+.modal-input{margin-top:12px}.cover-label{margin:20px 0 10px;font-size:12px}.cover-picker{gap:14px;margin-bottom:26px;display:flex}.cover-button{opacity:.55;background:0 0;border:none;border-radius:50%;width:56px;height:56px;padding:0;transition:opacity .2s,box-shadow .2s}.cover-button.active{box-shadow:0 0 0 3px var(--onykp-ink), 0 0 0 5px var(--onykp-green);opacity:1}.cover-button:hover{opacity:.85}.cover-button .disc{box-shadow:none}.modal-footer{align-items:center;gap:12px;display:flex}.modal-footer span{flex:1}.modal-footer .delete-confirm{flex:0 auto}.spotify-preview-copy{color:var(--onykp-grey-200);margin:0 0 24px;font-size:15px;line-height:1.6}.spotify-preview-actions{flex-wrap:wrap;align-items:stretch}.spotify-preview-actions .btn,.spotify-preview-actions .cancel-button{text-align:center;flex:180px;min-width:0}.delete-link{color:var(--onykp-magenta);background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:color .2s,opacity .2s}.delete-link:hover{opacity:.75;text-decoration:underline}.delete-confirm{align-items:center;gap:10px;display:flex}.modal-confirm-text{color:var(--onykp-grey-200);font-size:14px}.btn-danger{border:1px solid var(--onykp-magenta);color:var(--onykp-magenta);background:0 0}.cancel-button{height:46px;padding:0 18px;font-size:14px}.modal-cta{height:46px;padding:0 24px;font-size:15px}.share-title{margin-bottom:4px}.share-copy{color:var(--onykp-grey-400);margin:0 0 20px;font-size:13px;line-height:1.5}.sandbox-notice{border-radius:var(--radius-lg);background:#1db95414;border:1px solid #1db9544d;flex-direction:column;gap:3px;margin:12px 0 20px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.sandbox-notice strong{color:var(--onykp-green)}.sandbox-notice span{color:var(--onykp-grey-300)}.sandbox-entry{flex-direction:column;align-items:center;gap:6px;display:flex}.sandbox-entry small{max-width:330px;color:var(--onykp-grey-400);font-size:11px;line-height:1.5}.sandbox-detail{color:var(--onykp-green);font-size:12px;line-height:1.5}.visibility-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.visibility-card{border-radius:var(--radius-lg);text-align:left;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background-color .2s,border-color .2s;display:flex}.visibility-card:hover{border-color:#1db95466}.visibility-card:disabled{cursor:not-allowed;opacity:.45}.visibility-card:disabled:hover{border-color:#ffffff1a}.visibility-card.active{border-color:var(--onykp-green);background:#1db9541a}.visibility-icon{font-size:17px}.visibility-card span:nth-child(2){flex-direction:column;gap:1px;display:flex}.visibility-card strong{color:var(--onykp-off-white);font-size:14px;font-weight:600}.visibility-card small{color:var(--onykp-grey-400);font-size:12px}.checkmark{color:var(--onykp-green);margin-left:auto;font-size:15px}.link-row{gap:8px;margin-bottom:20px;display:flex}.link-row a{min-width:0;height:44px;color:var(--onykp-grey-200);text-overflow:ellipsis;white-space:nowrap;border:1px dashed #ffffff2e;border-radius:9px;flex:1;align-items:center;padding:0 14px;font-size:13px;text-decoration:none;display:flex;overflow:hidden}.link-row a:hover{border-color:var(--onykp-green);color:var(--onykp-off-white)}.preview-link{color:var(--onykp-orange-link);padding:0;font-size:13px}.panel-view{max-width:760px}.panel-view.settings{max-width:620px}.panel-view>p{color:var(--onykp-grey-400);font-size:14px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 34px;display:grid}.stat-card,.top-detail-card,.settings-box,.connection-row,.notif-row,.public-card,.liner-card,.trash-row{border-radius:var(--radius-lg);background:var(--onykp-black)}.stat-card{padding:18px}.stat-card strong{color:var(--onykp-off-white);font-family:Manrope,Inter,sans-serif;font-size:30px;font-weight:800;display:block}.stat-card.green strong{color:var(--onykp-green)}.stat-card.orange strong{color:var(--onykp-orange)}.stat-card.magenta strong{color:var(--onykp-magenta)}.stat-card span{color:var(--onykp-grey-400);margin-top:2px;font-size:12px;display:block}.top-details-label,.section-label{margin-bottom:12px}.top-details{flex-direction:column;gap:10px;display:flex}.top-detail-card{padding:16px 18px}.top-detail-card>div{align-items:center;gap:8px;margin-bottom:6px;display:flex}.top-stats{color:var(--onykp-grey-200);white-space:nowrap;margin-left:auto;font-size:12px}.settings h1{margin-bottom:28px}.settings-section{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.trash-list{flex-direction:column;gap:10px;margin-top:24px;display:flex}.trash-row{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;display:flex}.trash-name{color:var(--onykp-off-white);flex:180px;font-weight:700}.trash-row small{color:var(--onykp-grey-400);white-space:nowrap}.empty-note{margin-top:24px}.connection-row,.notif-row{align-items:center;gap:14px;padding:16px 18px;display:flex}.connection-row>span:nth-child(2){flex-direction:column;flex:1;gap:1px;display:flex}.connection-row strong{color:var(--onykp-off-white);font-size:15px;font-weight:600}.connection-row small{color:var(--onykp-grey-400);font-size:12px}.connection-row .connected{color:var(--onykp-green)}.connection-actions{flex-flow:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.spotify-avatar,.apple-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.spotify-avatar{background:var(--onykp-green)}.spotify-avatar span{background:var(--onykp-ink);border-radius:50%;width:16px;height:16px}.apple-avatar{background:var(--onykp-off-white)}.settings-box{flex-direction:column;gap:12px;margin-bottom:32px;padding:18px;display:flex}.settings-box label{flex-direction:column;gap:6px;display:flex}.settings-box label span{color:var(--onykp-grey-400);font-size:12px}.settings-box input{height:44px;font-size:14px}.notif-row{padding:14px 18px}.notif-row>span{color:var(--onykp-grey-200);flex:1;font-size:14px}.toggle{background:0 0;border:none;width:44px;height:44px;position:relative}.toggle:before{background:var(--onykp-grey-600);content:"";border-radius:50px;transition:background-color .2s;position:absolute;inset:9px 0}.toggle span{background:var(--onykp-grey-400);width:20px;height:20px;transition:transform .2s var(--ease-in-out), background-color .2s ease;border-radius:50%;position:absolute;top:12px;left:3px;transform:translate(0)}.toggle.on:before{background:var(--onykp-green)}.toggle.on span{background:var(--onykp-ink);left:3px;transform:translate(18px)}.curator-link{color:inherit;text-underline-offset:3px;text-decoration:none}.curator-link:hover,.curator-link:focus-visible{color:var(--onykp-green);text-decoration:underline}.public-profile-page{min-height:100vh;padding:24px 20px 48px}.public-profile-page .public-profile{margin:0 auto}.profile-hero{text-align:center;padding:34px 0 30px}.profile-avatar{border-radius:50%;width:88px;height:88px;box-shadow:0 0 0 3px #1db95440}.profile-hero h1{margin:18px 0 4px;font-family:Manrope,Inter,sans-serif;font-size:34px;font-weight:800}.profile-hero p{color:var(--onykp-grey-400);margin:0 0 10px;font-size:14px}.profile-hero span{color:var(--onykp-grey-200);font-size:14px}.public-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.public-card{color:inherit;text-align:center;padding:20px;text-decoration:none;transition:background-color .2s;display:block}.public-card:hover{background:var(--onykp-black-3)}.public-card strong{color:var(--onykp-off-white);margin-top:14px;font-size:15px;font-weight:600;display:block}.public-card small{color:var(--onykp-grey-400);margin-top:3px;font-size:12px;display:block}.listener-landing{animation:fadeUp .25s var(--ease-out) both;flex-direction:column;padding:40px 24px}.landing-back{z-index:1;font-size:14px;position:absolute;top:28px;left:32px}.listener-landing-inner{z-index:1;text-align:center;max-width:520px;position:relative}.floating-disc{width:170px;height:170px;margin-bottom:26px;animation:7s ease-in-out infinite alternate float}.listener-landing h1{margin:10px 0;font-family:Manrope,Inter,sans-serif;font-size:42px;font-weight:800;line-height:1.15}.listener-landing p{color:var(--onykp-grey-200);margin:0 0 8px;font-size:16px;line-height:1.6}.listener-landing small{color:var(--onykp-grey-400);margin:0 0 30px;font-size:14px;display:block}.play-notes{white-space:nowrap;height:56px;padding:0 34px;font-size:17px}.listener-landing p.listener-playback-note{color:var(--onykp-grey-200);margin:14px 0 0;font-size:13px;line-height:1.5}.listener-playback-note a{color:var(--onykp-green);text-underline-offset:3px}.listener-credit{color:var(--onykp-grey-400);margin-top:6px;font-size:12px;display:block}.listener-view{background-color:#0b0a0a85;flex-direction:column;align-items:center;min-height:100vh;padding:30px 24px 64px;display:flex}.listener-topbar{text-align:center;justify-content:center;align-items:center;width:100%;max-width:640px;display:flex}.listener-topbar-with-back{text-align:center;grid-template-columns:max-content minmax(0,1fr) max-content;gap:clamp(18px,4vw,48px);display:grid}.listener-topbar-with-back .back-button,.listener-topbar-with-back .listener-track-position{white-space:nowrap}.listener-topbar-with-back .eyebrow{text-wrap:balance;line-height:1.45}.listener-topbar-shared{flex-direction:column;gap:6px}.listener-topbar-shared .eyebrow{text-wrap:balance}.listener-track-position{color:var(--onykp-grey-200);font-variant-numeric:tabular-nums;font-size:12px}.listener-now{text-align:center;margin-top:26px}.listener-now .disc{width:140px;height:140px;box-shadow:0 16px 56px #0000008c,0 0 0 3px #1db95440}.listener-now .disc img{width:88px;height:88px}.listener-now h1{color:var(--onykp-off-white);text-wrap:balance;margin:22px 0 5px;font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:750}.listener-now p{color:var(--onykp-grey-200);margin:0;font-size:16px}.transport{align-items:center;gap:22px;margin-top:22px;display:flex}.spotify-embed-shell,.spotify-embed-fallback,.apple-music-public-player{width:min(100%,640px);margin:22px auto 0}.spotify-embed-shell{min-height:152px}.spotify-embed-shell iframe{border:0;border-radius:12px;display:block}.spotify-continue{background:linear-gradient(135deg,#1db9542e,#d946ef1a);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(100%,640px);margin:12px auto 0;padding:14px 14px 14px 16px;animation:.28s both fadeUp;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 40px #00000047}.spotify-continue-copy{align-items:center;gap:12px;min-width:0;display:flex}.spotify-continue-copy>span{background:var(--onykp-green);width:38px;height:38px;color:var(--onykp-black);border-radius:50%;flex:0 0 38px;place-items:center;padding-left:2px;font-size:13px;display:grid;box-shadow:0 8px 22px #1db9544d}.spotify-continue strong{color:var(--onykp-off-white);text-wrap:balance;font-size:14px;display:block}.spotify-continue p{color:var(--onykp-grey-300);text-wrap:pretty;margin:3px 0 0;font-size:12px;line-height:1.4}.spotify-continue button{background:var(--onykp-green);min-width:154px;min-height:44px;color:var(--onykp-black);white-space:nowrap;border:0;border-radius:999px;padding:0 18px;font-size:13px;font-weight:750;transition-property:background-color,box-shadow,scale;transition-duration:.2s;box-shadow:0 10px 28px #1db9543d}.spotify-continue button:hover{background:#29cc63;box-shadow:0 12px 32px #1db95457}.spotify-continue button:active{scale:.96}.spotify-connect{background:linear-gradient(135deg,#1db9542e,#d946ef1a);border-radius:18px;align-items:center;gap:18px;width:min(100%,640px);margin:22px auto 0;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 40px #00000047}.spotify-connect strong{color:var(--onykp-off-white);text-wrap:balance;font-size:14px;display:block}.spotify-connect p{color:var(--onykp-grey-300);text-wrap:pretty;margin:3px 0 0;font-size:12px;line-height:1.4}.spotify-connect-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.spotify-connect-invite{width:min(100%,640px);color:var(--muted);text-align:center;margin:10px auto 0;font-size:13px}.spotify-connect-invite a{color:var(--onykp-green)}.spotify-embed-fallback p{color:var(--muted);text-align:center;margin:10px 0 0;display:block}.spotify-embed-fallback{border:1px solid var(--border);text-align:center;border-radius:12px;padding:18px}.spotify-embed-fallback .btn{margin-top:12px}.apple-music-public-player{border:1px solid var(--border);text-align:center;border-radius:18px;padding:20px}.apple-music-public-player>p{color:var(--muted);margin:10px auto 0;font-size:13px;line-height:1.5}.apple-music-public-player>.btn-small{margin-top:12px}.listener-provider-choice{border:1px solid var(--border);background:#00000038;border-radius:999px;width:fit-content;margin:18px auto 0;padding:4px;display:flex}.listener-provider-choice button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:12px}.listener-provider-choice button[aria-pressed=true]{background:var(--onykp-off-white);color:var(--onykp-black)}.shared-track-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:min(100%,640px);margin-top:10px;display:grid}.shared-track-open-links{justify-content:center;align-items:center;gap:4px;display:flex}.spotify-open-link{min-height:40px;color:var(--onykp-grey-400);text-align:center;padding:11px 10px;font-size:12px;text-decoration:none}.spotify-open-link:hover{color:var(--onykp-grey-200);text-decoration:underline}.track-navigation-button{min-width:84px;min-height:40px;color:var(--onykp-grey-200);background:0 0;border:none;border-radius:999px;font-size:13px;font-weight:650;transition-property:background-color,color,scale;transition-duration:.2s}.track-navigation-button:first-child{justify-self:start}.track-navigation-button:last-child{justify-self:end}.track-navigation-button:hover{color:var(--onykp-off-white);background:#ffffff0f}.track-navigation-button:disabled{color:var(--onykp-grey-400);cursor:default;background:0 0}.track-navigation-button:active{scale:.96}.mode-button,.skip-button,.play-button{border:none;transition:color .2s,background-color .2s,opacity .2s}.mode-button{color:var(--onykp-grey-400);background:0 0;border-radius:50px;padding:7px 12px;font-size:15px;position:relative}.mode-button:hover{color:var(--onykp-grey-200)}.mode-button.active{color:var(--onykp-green);background:#1db95426}.mode-button sup{font-size:9px;font-weight:700;position:absolute;top:2px;right:6px}.skip-button{color:var(--onykp-grey-200);background:0 0;font-size:20px}.skip-button:hover,.mode-button.active:hover{opacity:.75}.play-button{background:var(--onykp-green);width:56px;height:56px;color:var(--onykp-ink);border-radius:50%;font-size:19px}.play-button:hover{opacity:.75}.playback-error{width:100%;max-width:560px;color:var(--onykp-grey-100);text-align:center;background:#ff7e4414;border:1px solid #ff7e4459;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.listen-progress,.listener-notes{width:100%;max-width:560px}.listener-note-waiting{text-align:center;background:#ffffff06;border-radius:18px;padding:28px;box-shadow:0 0 0 1px #ffffff14}.listener-note-waiting span{color:var(--onykp-grey-400);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.listener-note-waiting p{color:var(--onykp-grey-200);text-wrap:pretty;margin:8px 0 0;line-height:1.5}.listener-next-note{color:var(--onykp-grey-400);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:2px 0 0;font-size:11px}.listener-note-history{border-top:1px solid #ffffff14;margin-top:4px}.listener-note-history summary{min-height:44px;color:var(--onykp-grey-300);cursor:pointer;padding:14px 0;font-size:12px;list-style:none}.listener-note-history summary::-webkit-details-marker{display:none}.listener-note-history>div,.liner-notes{gap:10px;display:grid}.listen-progress{margin-top:18px}.listen-strip{cursor:pointer;height:28px;position:relative}.listen-strip .timeline-track{top:12px}.listen-fill{background:var(--onykp-gradient-input);border-radius:4px;height:4px;position:absolute;top:12px;left:0}.listen-marker{width:18px;height:18px;font-size:9px;top:5px}.listener-notes{flex-direction:column;gap:10px;margin-top:20px;display:flex}.listener-note{animation:gentle-enter .25s var(--ease-out) both}.reactions{gap:8px;margin-top:10px;display:flex}.reaction{min-width:40px;min-height:40px;color:var(--onykp-grey-200);transition:color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s var(--ease-out);background:#ffffff05;border:1px solid #ffffff1f;border-radius:50px;padding:0 10px;font-size:13px}.reaction:hover{border-color:#1db95480}.reaction:active{transform:scale(.97)}.reaction.active{border-color:var(--onykp-green);color:var(--onykp-off-white);background:#1db95426}.liner-notes{margin-top:4px}.liner-head{margin-bottom:10px}.liner-card{margin-bottom:8px;padding:18px 20px}.liner-kind{color:var(--onykp-grey-400)}.liner-card p{margin-top:4px}@media (width<=860px){.studio-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff0f;border-right:none;min-height:auto}.studio-main{max-height:none;padding:28px 20px 44px}.playlist-header{align-items:flex-start}.playlist-actions{flex-wrap:wrap;width:100%}.track-row{grid-template-columns:18px 44px minmax(0,1fr) auto auto}.track-row .remove-track{display:none}.annotation-editor{padding-left:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.connect-title,.listener-landing h1{font-size:34px}.float-object{opacity:.55}.playlist-header{flex-direction:column}.room-picker-heading{flex-direction:column;align-items:flex-start;gap:10px}.room-picker-heading p{text-align:left}.room-picker-grid{grid-template-columns:1fr}.room-card{min-height:0}.composer,.thread-reply,.link-row{flex-direction:column}.chips,.note-head,.reactions,.transport{flex-wrap:wrap}.spotify-continue{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.spotify-continue button{width:100%;min-height:48px}.listener-topbar-with-back{text-align:left;grid-template-columns:1fr auto}.listener-topbar-with-back .eyebrow{grid-column:1/-1}}@media (width>=561px) and (width<=860px){.room-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=861px) and (width<=1120px){.studio-main{padding-left:28px;padding-right:28px}.playlist-header{flex-wrap:wrap;align-items:flex-start}.playlist-title-block{min-width:260px}.playlist-actions{flex-wrap:wrap;width:100%}.room-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{gap:10px}.track-copy{min-width:0}.detail-badge{white-space:nowrap}}@media (width<=860px){.sidebar{align-self:start;height:auto;min-height:0;max-height:none;overflow-y:visible}.new-playlist{margin-top:0}}@media (width<=640px){.chips,.composer{flex-wrap:wrap}.composer .gradient-input-wrap,.pin-button{flex:100%;width:100%}}@media (width<=480px){.modal-shell{width:min(480px,100vw - 32px);max-width:none}.modal-card{padding:24px}.cover-picker{flex-wrap:wrap}.modal-footer{flex-wrap:wrap;align-items:stretch}.modal-footer span{display:none}.modal-footer .delete-confirm{display:flex}.modal-footer .cancel-button,.modal-footer .delete-link,.modal-footer .preview-link,.modal-footer .modal-cta{min-height:44px}.listener-landing,.listener-view{width:100%;min-width:0;max-width:100vw}.listener-landing{padding:40px 20px}.landing-back{min-height:44px;top:20px;left:20px}.listener-landing-inner{width:100%;max-width:100%}.listener-landing .floating-disc{width:140px;height:140px;margin-bottom:22px}.listener-landing .floating-disc img{width:90px;height:90px}.listener-landing h1{overflow-wrap:anywhere;font-size:32px}.listener-landing p{font-size:15px}.play-notes{width:min(100%,280px);height:56px}.float-object{display:none}.listener-view{padding:24px 20px 44px}.listener-topbar{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}.listener-topbar .back-button{min-height:44px}.listener-now{margin-top:26px}.listener-now .disc-xl{width:120px;height:120px}.listener-now .disc-xl img{width:76px;height:76px}.listener-now h1{overflow-wrap:anywhere;margin-top:22px;font-size:21px;line-height:1.2}.listener-now p{font-size:14px}.transport{flex-wrap:nowrap;justify-content:center;gap:10px;width:100%;max-width:335px}.mode-button,.skip-button{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.play-button{flex:0 0 56px;width:56px;height:56px}.listen-progress,.listener-notes{max-width:100%}.listen-strip{height:44px}.listen-strip .timeline-track,.listen-fill{top:20px}.listen-marker{top:13px}.listener-note,.liner-card{width:100%}.listener-notes .note-card-inner p,.liner-card p{font-size:14px}.reaction{min-height:44px;padding:0 14px}.thread-reply input{height:44px;min-height:44px}.thread-reply button{min-height:44px}}@media (prefers-reduced-motion:reduce){.float-object,.floating-disc,.disc-spin,.sync-logo{animation:none}.connect-card,.listener-landing,.sync-card,.note-card,.modal-shell,.listener-note,.spotify-continue,.annotation-editor,.thread,.add-panel{animation:.2s both reduced-fade}.caret{transition:color .2s}.live-playhead{transition:none}.toggle span{transition:background-color .2s}.login-provider,.login-provider-arrow{transition:none}.login-provider:hover,.login-provider:hover .login-provider-arrow{transform:none}.timeline-marker,.listen-marker{transition:color .2s,background-color .2s,box-shadow .2s}.timeline-marker:hover{transform:translate(-50%)}.reaction{transition:color .2s,background-color .2s,border-color .2s}.reaction:active{transform:none}.spotify-continue button,.track-navigation-button{transition:color .2s,background-color .2s,box-shadow .2s}.spotify-continue button:active,.track-navigation-button:active{scale:1}.sync-fill{transition:none}}