@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2?dpl=dpl_nodaqnfezGkbSJny3b42xcqxafQm)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2?dpl=dpl_nodaqnfezGkbSJny3b42xcqxafQm)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2?dpl=dpl_nodaqnfezGkbSJny3b42xcqxafQm)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2?dpl=dpl_nodaqnfezGkbSJny3b42xcqxafQm)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2?dpl=dpl_nodaqnfezGkbSJny3b42xcqxafQm)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_6a0e6105-module__QVq-Ba__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_6a0e6105-module__QVq-Ba__variable{--font-geist:"Geist", "Geist Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.table{display:table}.resize{resize:both}}:root{--bg:#020304;--bg-soft:#05070a;--surface:#080b10;--surface-2:#0b1016;--line:#151d27;--line-strong:#243142;--text:#e9f0f4;--text-2:#c9d5dd;--text-3:#93a4b2;--text-4:#637282;--accent:#8fe6ff;--accent-dim:#8fe6ff1f;--accent-line:#8fe6ff73;--shadow:0 18px 60px #00000085;--r-1:4px;--r-2:6px;--r-3:9px;--rail:84px;--dock:72px;--tabbar:48px;--t-micro:10.5px;--t-label:11px;--t-meta:11.25px;--t-body:12.5px;--t-row:13.75px;--t-player:13.5px;--t-title:25px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-geist), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;letter-spacing:0;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:13px;font-weight:400;line-height:1.4}body{overflow-x:hidden}body.dock-expanded-lock{overflow:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}svg{fill:currentColor;width:15px;height:15px;display:block}.app-frame{min-height:100dvh;padding:0 344px var(--dock) var(--rail);background:linear-gradient(90deg, #8fe6ff06, transparent 28%), radial-gradient(circle at 76% 12%, #34628214, transparent 34%), var(--bg)}.desktop-rail{z-index:20;width:var(--rail);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020304d1;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 0 16px;display:flex;position:fixed;inset:0 auto 0 0}.rail-top{justify-items:center;gap:34px;display:grid}.brand-mark{object-fit:cover;border-radius:999px;box-shadow:0 0 0 1px #8fe6ff2e}.rail-nav{justify-items:center;width:100%;display:grid}.rail-nav a{color:var(--text-2);font-size:var(--t-label);font-weight:560}.rail-nav a[aria-current=page]{color:var(--accent)}.account-nav{color:var(--text-3);cursor:pointer;font:inherit;background:0 0;border:0}.account-nav-mark{border:1px solid var(--line);color:var(--text-3);background:#080b10c7;place-items:center;display:grid}.account-nav-mark.signed-in{color:var(--accent);background:#8fe6ff1a;border-color:#8fe6ff5c;font-weight:650}.account-nav-rail{justify-items:center;gap:6px;width:100%;padding:0 6px;display:grid}.account-nav-rail .account-nav-mark{border-radius:999px;width:32px;height:32px}.account-nav-rail .account-nav-label{max-width:70px;color:inherit;font-size:var(--t-micro);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:560;line-height:1.1;overflow:hidden}.account-nav:hover,.account-nav:focus-visible{color:var(--accent)}.app-main{min-height:calc(100dvh - var(--dock))}.mobile-header{display:none}.playlist-shell{width:min(760px, calc(100vw - var(--rail) - 384px));margin:0 auto;padding:26px 18px 22px}.screen-title{justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;display:flex}.screen-title h1{color:var(--text);font-size:var(--t-title);letter-spacing:-.018em;margin:0;font-weight:520;line-height:1.12}.screen-title p{color:var(--text-3);font-size:var(--t-label);white-space:nowrap;margin:0 0 2px}.command-strip{z-index:10;border-bottom:1px solid var(--line);background:linear-gradient(var(--bg) 72%, #02030400);align-items:center;gap:6px;min-height:38px;margin-bottom:6px;padding:0 0 7px;display:flex;position:sticky;top:0}.command-strip button{border:1px solid var(--line);border-radius:var(--r-2);text-align:left;cursor:pointer;background:#080b10bd;min-width:0;padding:5px 8px}.command-strip span{display:none}.command-strip strong{color:var(--text-2);font-size:var(--t-label);text-overflow:ellipsis;white-space:nowrap;font-weight:520;line-height:1.2;display:block;overflow:hidden}.story-list{border-top:0}.playlist-pagination{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 0;display:flex}.pagination-range{color:var(--text-3);font-size:var(--t-label);font-variant-numeric:tabular-nums}.playlist-pagination div{align-items:center;gap:7px;display:flex}.playlist-pagination button{border:1px solid var(--line);border-radius:var(--r-1);width:28px;height:28px;color:var(--text-3);cursor:pointer;background:#05070b;place-items:center;display:grid}.playlist-pagination button:disabled{cursor:default;opacity:.38}.playlist-pagination span{color:var(--text-3);font-size:var(--t-label);font-variant-numeric:tabular-nums}.story-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:78px;padding:8px 0;display:grid;position:relative}.story-row.active{background:linear-gradient(90deg,#8fe6ff09,#0000 42%)}.story-art,.visual-field,.dock-mini-poster,.dock-sheet-poster{background:#08101a;position:relative;overflow:hidden}.story-art{aspect-ratio:9/16;border-radius:var(--r-2);border:1px solid #8fe6ff1f;width:34px}.story-row.active .story-art{border-color:var(--accent-line);box-shadow:0 0 0 1px #8fe6ff14}.story-row.active .story-art:before{content:"";background:var(--accent);opacity:.9;z-index:2;border-radius:99px;height:2px;position:absolute;bottom:5px;left:5px;right:5px}.story-art:after,.visual-field:after{content:"";opacity:.52;background:linear-gradient(115deg,#0000,#ffffff0f,#0000),repeating-linear-gradient(100deg,#ffffff0a 0 1px,#0000 1px 15px);position:absolute;inset:0}.poster-image{object-fit:cover}.has-poster:after{opacity:1;background:linear-gradient(#0000 58%,#0000006b),linear-gradient(115deg,#0000,#ffffff0b,#0000)}.visual-blue{background:linear-gradient(135deg,#06101b,#102947 60%,#07101d)}.visual-cyan{background:linear-gradient(135deg,#061016,#133746 62%,#071117)}.visual-violet{background:linear-gradient(135deg,#080812,#211b38 64%,#080b14)}.visual-amber{background:linear-gradient(135deg,#100c08,#342813 64%,#080b0d)}.visual-steel{background:linear-gradient(135deg,#070b10,#172536 62%,#090d12)}.story-body{min-width:0}.story-kicker{color:var(--text-3);font-size:var(--t-meta);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:5px;font-weight:450;line-height:1.2;display:flex;overflow:hidden}.country-flag{background-position:50%;background-size:cover;border-radius:1px;flex:none;width:14px;height:9px;display:inline-block;box-shadow:0 0 0 1px #ffffff21}.story-kicker span:not(:last-child):after{content:"/";color:var(--text-4);margin-left:5px}.story-kicker .country-flag:after{content:"";margin:0}.story-body h2{color:var(--text);font-size:var(--t-row);letter-spacing:-.006em;margin:4px 0 2px;font-weight:560;line-height:1.22}.story-row.active .story-body h2{color:#f4fbff}.story-row.locked{opacity:.58}.story-row.locked .story-art{filter:saturate(.5)}.story-body p{color:var(--text-3);font-size:var(--t-body);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.35;overflow:hidden}.story-actions{align-items:center;gap:7px;display:flex}.upload-freshness{color:var(--text-4);font-size:var(--t-micro);white-space:nowrap;font-weight:560;line-height:1}.upload-freshness.is-new{border-radius:var(--r-1);color:var(--accent);background:#8fe6ff14;border:1px solid #8fe6ff52;padding:3px 5px}.icon-button,.dock-controls button,.panel-header button{border:1px solid var(--line);border-radius:var(--r-1);color:var(--text-3);cursor:pointer;background:#05070b;transition:border-color .14s,background .14s,color .14s}.icon-button{place-items:center;width:30px;height:30px;display:grid}.icon-button:hover,.dock-controls button:hover,.panel-header button:hover{border-color:var(--line-strong);color:var(--text)}.story-row.active .icon-button,.dock-play{background:var(--accent);border-color:var(--accent);color:#001017}.now-panel{top:0;right:0;bottom:var(--dock);z-index:15;border-left:1px solid var(--line);background:#030508e6;width:344px;padding:16px;position:fixed;overflow:hidden}.now-scroll{scrollbar-color:#8fe6ff47 transparent;scrollbar-width:thin;height:100%;padding-right:4px;overflow-y:auto}.now-scroll::-webkit-scrollbar{width:4px}.now-scroll::-webkit-scrollbar-track{background:0 0}.now-scroll::-webkit-scrollbar-thumb{background:#8fe6ff3d;border-radius:999px}.visual-field{aspect-ratio:9/16;width:100%;max-height:calc(100dvh - var(--dock) - 150px);border-radius:var(--r-3);border:1px solid #8fe6ff1f;flex:none;box-shadow:inset 0 0 0 1px #ffffff05}.now-copy{padding:14px 1px 2px}.now-copy span,.filter-group p{color:var(--accent);font-size:var(--t-label);font-weight:560}.now-copy h2{color:var(--text);letter-spacing:-.01em;margin:6px 0;font-size:18px;font-weight:520;line-height:1.16}.now-copy p{color:var(--text-3);font-size:var(--t-meta);align-items:center;gap:6px;margin:0;display:flex}.now-copy .story-description{color:var(--text-3);font-size:var(--t-body);margin-top:14px;line-height:1.5;display:block}.player-dock{left:var(--rail);z-index:30;height:var(--dock);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#020304f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px 11px;display:grid;position:fixed;bottom:0;right:0}.dock-grabber,.dock-mini,.dock-sheet{display:none}.dock-meta{gap:7px;min-width:0;display:grid}.dock-title-button{width:100%;color:var(--text);font-size:var(--t-player);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:default;background:0 0;border:0;margin:0;padding:0;font-weight:560;display:block;overflow:hidden}.dock-title-row{min-width:0}.dock-status{align-items:center;gap:7px;min-width:0;margin-top:2px;display:flex}.dock-status span{color:var(--text-3);font-size:var(--t-meta);line-height:1.1}.dock-status span+span,.dock-status button{padding-left:8px;position:relative}.dock-status span+span:before,.dock-status button:before{content:"";background:var(--text-4);border-radius:999px;width:2px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dock-status button{color:var(--accent);cursor:pointer;font-size:var(--t-meta);background:0 0;border:0;padding-top:0;padding-bottom:0;padding-right:0;line-height:1.1}.dock-timeline{grid-template-columns:38px minmax(90px,1fr) 38px;align-items:center;gap:8px;width:min(520px,100%);display:grid}.dock-timeline span{color:var(--text-4);font-size:var(--t-micro);font-variant-numeric:tabular-nums;line-height:1}.dock-timeline span:last-child{text-align:right}.dock-timeline input{--progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.dock-timeline input::-webkit-slider-runnable-track{background:linear-gradient(var(--accent), var(--accent)) 0 / var(--progress) 100% no-repeat, #101722;border-radius:999px;height:3px}.dock-timeline input::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid #020304cc;border-radius:999px;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 0 1px #8fe6ff33}.dock-timeline input::-moz-range-track{background:#101722;border-radius:999px;height:3px}.dock-timeline input::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}.dock-timeline input::-moz-range-thumb{background:var(--text);border:1px solid #020304cc;border-radius:999px;width:11px;height:11px}.dock-controls{align-items:center;gap:8px;display:flex}.dock-controls button{place-items:center;min-width:34px;height:34px;padding:0 9px;display:grid}.dock-play{width:42px;height:42px}.timer-button,.ambience-button{width:auto;color:var(--text-2);font-size:var(--t-label);font-weight:560}.story-meta-line{color:var(--text-3);font-size:var(--t-meta);align-items:center;gap:6px;margin:0;display:flex}.now-sheet-backdrop{z-index:45;background:#0000006b;display:none;position:fixed;inset:0}.now-sheet{left:0;right:0;bottom:var(--tabbar);border-top:1px solid var(--line-strong);max-height:calc(100dvh - 44px);box-shadow:var(--shadow);background:#030508fa;border-radius:14px 14px 0 0;padding:8px 12px 12px;position:absolute}.sheet-handle{background:var(--text-4);border-radius:999px;width:28px;height:2px;margin:0 auto 8px}.sheet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.sheet-header span{color:var(--accent);font-size:var(--t-label);font-weight:560}.sheet-header button{color:var(--accent);font-size:var(--t-label);cursor:pointer;background:0 0;border:0;padding:0;font-weight:560}.sheet-body{max-height:calc(100dvh - var(--tabbar) - 190px);scrollbar-color:#8fe6ff47 transparent;scrollbar-width:thin;grid-template-columns:86px minmax(0,1fr);gap:12px;padding-right:2px;display:grid;overflow-y:auto}.sheet-art{aspect-ratio:9/16;border-radius:var(--r-2);border:1px solid #8fe6ff24;width:86px;overflow:hidden}.empty-frame{place-items:center;padding:24px;display:grid}.empty-state{text-align:center;justify-items:center;gap:10px;max-width:320px;display:grid}.empty-state h1{color:var(--text);margin:8px 0 0;font-size:20px;font-weight:520}.empty-state p{color:var(--text-3);font-size:var(--t-body);margin:0}.sheet-copy h2{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:560;line-height:1.18}.sheet-copy p:last-child{color:var(--text-3);font-size:var(--t-body);margin:12px 0 0;line-height:1.48}.sheet-player{border-top:1px solid var(--line);gap:8px;margin-top:12px;padding-top:10px;display:grid}.mobile-tabbar{display:none}.panel-backdrop{z-index:50;background:#0000008c;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.control-panel{border:1px solid var(--line-strong);border-radius:var(--r-3);width:min(680px,100%);box-shadow:var(--shadow);background:#04070bfa;margin:0 auto;padding:12px}.panel-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:13px;font-weight:560}.panel-header-actions{align-items:center;gap:6px;display:flex}.panel-header button{min-height:30px;color:var(--text-3);font-size:var(--t-label);padding:0 10px;font-weight:560}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.panel-choice,.filter-chip{border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--text-3);cursor:pointer}.panel-choice{text-align:left;min-height:54px;padding:8px}.panel-choice strong,.panel-choice span{display:block}.panel-choice strong{color:var(--text-2);font-size:var(--t-body);font-weight:560}.panel-choice span{font-size:var(--t-label);margin-top:2px}.account-panel{gap:8px;display:grid}.account-status{border:1px solid var(--line);border-radius:var(--r-2);background:#080b10a3;padding:10px}.account-status.signed-in{background:#8fe6ff0e;border-color:#8fe6ff42}.account-status span,.account-sync-row span,.account-field span{color:var(--text-4);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;font-weight:650;display:block}.account-status strong,.account-sync-row strong{color:var(--text-2);font-size:var(--t-body);margin-top:3px;font-weight:560;display:block}.account-status p{color:var(--text-3);font-size:var(--t-label);margin:6px 0 0;line-height:1.45}.account-google,.account-submit,.account-field input,.account-sync-row{border:1px solid var(--line);border-radius:var(--r-1);color:var(--text-2);background:#05070b}.account-google,.account-submit{cursor:pointer;min-height:34px;font-size:var(--t-label);width:100%;font-weight:620}.account-google{border-color:#8fe6ff3d}.account-submit{background:var(--accent);border-color:var(--accent);color:#001017}.account-submit.secondary{border-color:var(--line);color:var(--text-3);background:#05070b}.account-submit:disabled,.account-google:disabled{cursor:default;opacity:.45}.account-divider{color:var(--text-4);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-weight:650;display:grid}.account-divider span{background:var(--line);height:1px}.account-field{gap:5px;display:grid}.account-field input{width:100%;height:34px;color:var(--text);outline:none;padding:0 9px}.account-field input:focus{border-color:var(--accent-line)}.account-sync-row{justify-content:space-between;align-items:center;min-height:34px;padding:0 9px;display:flex}.account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.account-sync-row strong{color:var(--accent);margin:0}.account-message{color:var(--text-3);font-size:var(--t-label);margin:0;line-height:1.45}.account-intro{gap:3px;display:grid}.account-intro strong{color:var(--text);font-size:14px;font-weight:560;line-height:1.2}.account-intro p,.account-switch{color:var(--text-3);font-size:var(--t-label);margin:0;line-height:1.45}.account-switch{text-align:center}.account-switch button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:620}.panel-choice.active,.filter-chip.active{border-color:var(--accent-line);color:var(--text);background:var(--accent-dim)}.filter-stack{gap:12px;display:grid}.filter-summary{border:1px solid var(--line);border-radius:var(--r-2);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.filter-summary div{background:#080b10c2;min-width:0;padding:7px 8px}.filter-summary span,.filter-summary strong{display:block}.filter-summary span{color:var(--text-4);font-size:var(--t-micro);font-weight:520;line-height:1.1}.filter-summary strong{color:var(--text-2);font-size:var(--t-body);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-weight:560;line-height:1.15;overflow:hidden}.filter-group p{margin:0 0 6px}.filter-group div{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{text-align:left;gap:1px;min-height:32px;padding:5px 8px;display:inline-grid}.filter-chip span{color:inherit;font-size:var(--t-label);font-weight:560}.filter-chip small{color:var(--text-4);font-size:var(--t-micro)}.filter-chip[data-option-id=contact]{border-color:#8fe6ff3d}.filter-chip[data-option-id=contact].active{border-color:#8fe6ffc2}.timer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ambience-panel{gap:10px;display:grid}.ambience-summary{border:1px solid var(--line);border-radius:var(--r-2);background:#080b10c2;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.ambience-summary span,.ambience-volume span{color:var(--text-4);font-size:var(--t-micro);font-weight:560;line-height:1}.ambience-summary strong,.ambience-volume strong{color:var(--text-2);font-size:var(--t-body);font-weight:560;line-height:1}.ambience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ambience-volume{border:1px solid var(--line);border-radius:var(--r-2);background:#080b10c2;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:10px;padding:8px;display:grid}.ambience-volume input{--progress:44%;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.ambience-volume input::-webkit-slider-runnable-track{background:linear-gradient(var(--accent), var(--accent)) 0 / var(--progress) 100% no-repeat, #101722;border-radius:999px;height:3px}.ambience-volume input::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid #020304cc;border-radius:999px;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 0 1px #8fe6ff33}.ambience-volume input::-moz-range-track{background:#101722;border-radius:999px;height:3px}.ambience-volume input::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}.ambience-volume input::-moz-range-thumb{background:var(--text);border:1px solid #020304cc;border-radius:999px;width:11px;height:11px}@media (pointer:coarse){.dock-timeline input,.ambience-volume input{touch-action:pan-x;height:34px}.ambience-volume{padding-top:4px;padding-bottom:4px}}@media (max-width:1180px){.app-frame{padding-right:0}.playlist-shell{width:min(780px, calc(100vw - var(--rail)))}.now-panel{display:none}}@media (max-width:720px){:root{--dock:176px}html,body{font-size:13px}.app-frame{padding:0 0 calc(var(--dock) + var(--tabbar)) 0;background:var(--bg)}.desktop-rail{display:none}.playlist-shell{width:100%;padding:16px 12px 12px}.screen-title{align-items:center;padding-bottom:10px}.screen-title h1{font-size:21px;font-weight:520;line-height:1.14}.screen-title p{font-size:var(--t-label)}.command-strip{border-top:1px solid var(--line);scrollbar-width:none;gap:5px;min-height:34px;margin:0 -12px 4px;padding:5px 12px;top:0;overflow-x:auto}.command-strip::-webkit-scrollbar{display:none}.command-strip button{flex:none;max-width:136px;padding:4px 7px}.command-strip strong{font-size:var(--t-label)}.country-flag{width:13px;height:9px}.story-row{grid-template-columns:34px minmax(0,1fr);gap:9px;min-height:72px;padding:7px 34px 7px 0}.playlist-pagination{justify-content:center;min-height:38px;padding:7px 0}.pagination-range{display:none}.story-row.active{background:linear-gradient(90deg,#8fe6ff07,#0000 42%)}.story-art{aspect-ratio:9/16;width:34px}.story-body h2{margin-top:3px;font-size:13.75px;font-weight:560;line-height:1.2}.story-body p{display:none}.story-kicker{gap:4px;font-size:10.75px}.story-kicker span:not(:last-child):after{margin-left:4px}.story-actions{flex-direction:column;align-items:end;gap:5px;position:absolute;top:7px;right:0;transform:none}.upload-freshness{text-align:right;text-overflow:ellipsis;max-width:34px;overflow:hidden}.upload-freshness.is-new{padding:2px 4px}.icon-button{background:#080c12f0;border-color:#8fe6ff4d;width:28px;height:28px}.icon-button svg{width:12px;height:12px}.player-dock{left:0;bottom:var(--tabbar);height:var(--dock);touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:0;transition:height .18s;display:block}.player-dock.expanded{height:min(540px, calc(100dvh - var(--tabbar) - 18px));overscroll-behavior:contain;scrollbar-color:#8fe6ff47 transparent;scrollbar-width:thin;border-radius:14px 14px 0 0;overflow-y:auto}.dock-grabber{z-index:2;cursor:pointer;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:18px;display:grid;position:absolute;top:4px;left:0}.dock-grabber span{border-top:2px solid var(--accent);border-left:2px solid var(--accent);opacity:.9;width:13px;height:13px;transform:translateY(4px)rotate(45deg)}.player-dock.expanded .dock-grabber span{transform:translateY(-2px)rotate(225deg)}.player-dock>.dock-meta,.player-dock>.dock-controls,.player-dock.expanded .dock-mini{display:none}.dock-mini{grid-template-rows:auto auto auto;align-content:start;gap:5px;height:100%;padding:18px 12px 14px;display:grid}.dock-mini-info{min-width:0;color:inherit;text-align:left;cursor:pointer;touch-action:none;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:0;display:grid}.dock-mini-poster{aspect-ratio:9/16;border-radius:var(--r-2);background-color:#08101a;border:1px solid #8fe6ff29;width:34px;overflow:hidden}.dock-mini-copy{gap:3px;min-width:0;display:grid}.dock-mini-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.25px;font-weight:560;line-height:1.16;overflow:hidden}.dock-mini-meta{color:var(--text-3);font-size:var(--t-micro);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.dock-mini-playlist{color:var(--accent);font-size:var(--t-micro);text-overflow:ellipsis;white-space:nowrap;line-height:1.12;overflow:hidden}.dock-mini-timeline{width:100%;height:30px;display:block;position:relative}.dock-mini-timeline .dock-timeline{grid-template-columns:34px minmax(0,1fr) 34px;width:100%}.dock-mini-controls{margin-top:1px}.dock-sheet{display:none}.player-dock.expanded .dock-sheet{grid-template-rows:auto auto auto auto;align-content:start;justify-items:center;gap:9px;min-height:100%;padding:25px 16px 22px;display:grid}.dock-sheet-poster{aspect-ratio:9/16;border-radius:var(--r-2);background-color:#08101a;border:1px solid #8fe6ff29;width:96px;overflow:hidden}.dock-sheet-copy{text-align:center;gap:5px;width:min(330px,100%);display:grid}.dock-sheet-copy h2{color:var(--text);margin:0;font-size:17px;font-weight:560;line-height:1.16}.dock-sheet-meta{color:var(--text-3);font-size:var(--t-label);margin:0;line-height:1.25}.dock-sheet-playlist{color:var(--accent);font-size:var(--t-label);margin:0;line-height:1.2}.dock-sheet-description{color:var(--text-3);text-align:left;margin:2px 0 0;font-size:12px;line-height:1.43}.dock-sheet-timeline{width:min(330px,100%);min-height:30px;display:block;position:relative}.dock-sheet-timeline .dock-timeline{grid-template-columns:34px minmax(0,1fr) 34px;width:100%}.dock-sheet-timer{color:var(--text-4);font-size:var(--t-micro);text-align:center;margin:0;line-height:1;position:absolute;top:14px;left:0;right:0}.dock-sheet-controls{justify-content:center;align-items:center;gap:8px;display:flex}.dock-sheet-controls button{border:1px solid var(--line);border-radius:var(--r-1);min-width:34px;height:34px;color:var(--text-3);cursor:pointer;background:#05070b;place-items:center;display:grid}.dock-sheet-controls .dock-play{border-color:var(--accent);background:var(--accent);color:#001017;width:44px;height:44px}.dock-timeline input{touch-action:pan-x}.dock-sheet-controls .timer-button,.dock-sheet-controls .ambience-button{width:auto;max-width:78px;font-size:var(--t-label);text-overflow:ellipsis;white-space:nowrap;padding:0 9px;overflow:hidden}.dock-mini-controls .timer-button,.dock-mini-controls .ambience-button{display:grid}.mobile-tabbar{z-index:31;height:var(--tabbar);border-top:1px solid var(--line);background:#020304f7;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:0 12px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar-brand{justify-content:flex-start;align-items:center;min-width:0;display:flex}.mobile-tabbar-brand .brand-mark{width:30px;height:30px}.mobile-tabbar-links{justify-content:flex-end;align-items:center;gap:28px;min-width:0;height:100%;display:flex}.mobile-tabbar a,.mobile-tabbar .account-nav-tab{min-width:0;height:100%;color:var(--text-4);font-size:var(--t-micro);grid-template-rows:18px 12px;align-content:center;place-items:center;gap:2px;font-weight:560;line-height:1;display:grid}.mobile-tabbar a{min-width:46px}.mobile-tabbar a[aria-current=page],.account-nav-tab:focus-visible,.account-nav-tab:hover{color:var(--accent)}.mobile-tabbar-icon,.account-nav-tab .account-nav-mark{width:18px;height:18px;color:inherit;place-items:center;display:grid}.mobile-tabbar-icon svg,.account-nav-tab svg{width:15px;height:15px}.account-nav-tab .account-nav-mark{border-radius:999px}.account-nav-tab .account-nav-mark:not(.signed-in){background:0 0;border:0}.mobile-tabbar-label,.account-nav-tab .account-nav-label{color:inherit;font-size:var(--t-micro);line-height:1}.now-sheet-backdrop{display:block}.panel-backdrop{padding:0}.control-panel{border-bottom:0;border-left:0;border-right:0;border-radius:12px 12px 0 0;width:100%;max-height:82dvh;padding:12px;overflow:auto}.panel-grid,.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-choice{min-height:52px}}