:root,[data-theme=gold]{--bg: #0a0a0c;--bg-elevated: #121215;--surface: #191920;--surface-raised: #22222b;--text: #f4f1eb;--text-muted: #9a9690;--text-faint: #6b6862;--accent: #d7ad62;--accent-light: #f7dda6;--accent-strong: #b3803a;--accent-soft: rgba(215, 173, 98, .16);--accent-contrast: #17130b;--success: #5ccfa0;--danger: #e08b8b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glow: rgba(215, 173, 98, .28)}[data-theme=violet]{--bg: #08070c;--bg-elevated: #100e18;--surface: #191524;--surface-raised: #221d31;--text: #f3f1fa;--text-muted: #9b96ac;--text-faint: #6a6579;--accent: #8e64e3;--accent-light: #c0a3f7;--accent-strong: #6335cc;--accent-soft: rgba(142, 100, 227, .18);--accent-contrast: #ffffff;--success: #5ccfa0;--danger: #e08b8b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glow: rgba(142, 100, 227, .34)}[data-theme=teal]{--bg: #050b0b;--bg-elevated: #0d1414;--surface: #141e1e;--surface-raised: #1c2a29;--text: #edf6f4;--text-muted: #8ba3a0;--text-faint: #5e7371;--accent: #4fd1c5;--accent-light: #a5f0e8;--accent-strong: #24998f;--accent-soft: rgba(79, 209, 197, .16);--accent-contrast: #04211f;--success: #5ccfa0;--danger: #e08b8b;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glow: rgba(79, 209, 197, .3)}:root{--font-ui: Inter, "SF Pro Text", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "SF Pro Display", "Helvetica Neue", Inter, ui-sans-serif, system-ui, sans-serif;--radius-sm: 8px;--radius-card: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 999px;--sidebar-width: 236px;--sidebar-rail: 78px;--topbar-height: 68px;--status-height: 38px;--gutter: clamp(1rem, 2.4vw, 2.25rem);--stack: clamp(1.5rem, 2.6vw, 2.5rem);--shadow-1: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 10px 28px -14px rgba(0, 0, 0, .9);--shadow-2: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 24px 60px -22px rgba(0, 0, 0, .95);--shadow-3: 0 40px 120px -40px rgba(0, 0, 0, 1);--shadow-glow: 0 14px 40px -16px var(--glow);--sheen: linear-gradient(150deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .03) 38%, transparent 62%);--sheen-soft: linear-gradient(160deg, rgba(255, 255, 255, .08), transparent 45%);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");--ease: cubic-bezier(.22, .61, .36, 1)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root,[data-theme=gold]{--bg:#0a0a0c;--bg-elevated:#121215;--surface:#191920;--surface-raised:#22222b;--text:#f4f1eb;--text-muted:#9a9690;--text-faint:#6b6862;--accent:#d7ad62;--accent-light:#f7dda6;--accent-strong:#b3803a;--accent-soft:#d7ad6229;--accent-contrast:#17130b;--success:#5ccfa0;--danger:#e08b8b;--line:#ffffff14;--line-strong:#ffffff24;--glow:#d7ad6247}[data-theme=violet]{--bg:#08070c;--bg-elevated:#100e18;--surface:#191524;--surface-raised:#221d31;--text:#f3f1fa;--text-muted:#9b96ac;--text-faint:#6a6579;--accent:#8e64e3;--accent-light:#c0a3f7;--accent-strong:#6335cc;--accent-soft:#8e64e32e;--accent-contrast:#fff;--success:#5ccfa0;--danger:#e08b8b;--line:#ffffff14;--line-strong:#ffffff24;--glow:#8e64e357}[data-theme=teal]{--bg:#050b0b;--bg-elevated:#0d1414;--surface:#141e1e;--surface-raised:#1c2a29;--text:#edf6f4;--text-muted:#8ba3a0;--text-faint:#5e7371;--accent:#4fd1c5;--accent-light:#a5f0e8;--accent-strong:#24998f;--accent-soft:#4fd1c529;--accent-contrast:#04211f;--success:#5ccfa0;--danger:#e08b8b;--line:#ffffff14;--line-strong:#ffffff24;--glow:#4fd1c54d}:root{--font-ui:Inter, "SF Pro Text", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:"SF Pro Display", "Helvetica Neue", Inter, ui-sans-serif, system-ui, sans-serif;--radius-sm:8px;--radius-card:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--sidebar-width:236px;--sidebar-rail:78px;--topbar-height:68px;--status-height:38px;--gutter:clamp(1rem, 2.4vw, 2.25rem);--stack:clamp(1.5rem, 2.6vw, 2.5rem);--shadow-1:0 1px 0 #ffffff0d inset, 0 10px 28px -14px #000000e6;--shadow-2:0 1px 0 #ffffff12 inset, 0 24px 60px -22px #000000f2;--shadow-3:0 40px 120px -40px #000;--shadow-glow:0 14px 40px -16px var(--glow);--sheen:linear-gradient(150deg, #ffffff24, #ffffff08 38%, transparent 62%);--sheen-soft:linear-gradient(160deg, #ffffff14, transparent 45%);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");--ease:cubic-bezier(.22, .61, .36, 1);color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0}#root{height:100%}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--font-display)}.brand{height:auto;display:block}.shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--bg);height:100dvh;display:grid;position:relative;overflow:hidden}.shell-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0,1fr)}.ambient{z-index:0;pointer-events:none;background:radial-gradient(120vw 70vh at 8% -18%,var(--accent-soft),transparent 62%),radial-gradient(90vw 60vh at 108% 4%,var(--accent),transparent 60%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.ambient{background:radial-gradient(120vw 70vh at 8% -18%,var(--accent-soft),transparent 62%),radial-gradient(90vw 60vh at 108% 4%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%)}}.shell>:not(.ambient){z-index:1;position:relative}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg-elevated),var(--bg-elevated));flex-direction:column;min-height:0;padding:1.1rem .7rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.sidebar{background:linear-gradient(180deg,var(--bg-elevated),color-mix(in srgb,var(--bg-elevated) 40%,var(--bg)))}}.sidebar{box-shadow:inset 1px 0 #ffffff05}.sidebar-brand{height:calc(var(--topbar-height) - 1.1rem);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.6rem;margin-bottom:.9rem;padding:0 .65rem;display:flex}.brand-mark{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;min-height:0;display:flex}.sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:.15rem;padding-top:.6rem;display:flex}.sidebar button:not(.sidebar-brand){border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;white-space:nowrap;transition:color .18s var(--ease),background .18s var(--ease);background:0 0;border:0;align-items:center;gap:.8rem;padding:.68rem .7rem;display:flex;position:relative}.sidebar button:not(.sidebar-brand):hover{color:var(--text);background:var(--text)}@supports (color:color-mix(in lab,red,red)){.sidebar button:not(.sidebar-brand):hover{background:color-mix(in srgb,var(--text) 5%,transparent)}}.sidebar button.active{color:var(--text);background:linear-gradient(90deg,var(--accent-soft),transparent 88%);box-shadow:inset 0 1px #ffffff0a}.sidebar button.active svg{color:var(--accent)}.sidebar button.active:before{content:"";border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--accent);width:3px;height:60%;box-shadow:0 0 12px var(--glow);position:absolute;top:50%;left:-.7rem;translate:0 -50%}.sidebar-toggle{margin-top:.1rem;color:var(--text-faint)!important}.stage{grid-template-rows:var(--topbar-height) minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.topbar{z-index:30;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-elevated),transparent);grid-template-columns:1fr minmax(0,520px) 1fr;align-items:center;gap:1rem;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.topbar{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 90%,transparent),transparent)}}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-brand{cursor:pointer;background:0 0;border:0;padding:0;display:none}.search{border:1px solid var(--line);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--surface),var(--surface));grid-column:2;align-items:center;gap:.6rem;height:40px;padding:0 .9rem;display:flex}@supports (color:color-mix(in lab,red,red)){.search{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),var(--surface))}}.search{color:var(--text-faint);transition:border-color .18s var(--ease),box-shadow .18s var(--ease);box-shadow:inset 0 1px #ffffff0a,0 6px 18px -12px #000}.search:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}}.search:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:.88rem}.search input::placeholder{color:var(--text-faint)}.search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.search-clear:hover{color:var(--text)}.topbar-end{grid-column:3;justify-self:end;align-items:center;gap:.8rem;display:flex}.pulse{background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.pulse{box-shadow:0 0 10px color-mix(in srgb,var(--success) 70%,transparent)}}.pulse.down{background:var(--danger);box-shadow:0 0 10px var(--danger)}@supports (color:color-mix(in lab,red,red)){.pulse.down{box-shadow:0 0 10px color-mix(in srgb,var(--danger) 70%,transparent)}}.account{position:relative}.avatar{border:1px solid var(--line-strong);background:linear-gradient(160deg,var(--accent),var(--surface));border-radius:50%;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab,red,red)){.avatar{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 45%,var(--surface)),var(--surface))}}.avatar{color:var(--text);cursor:pointer;box-shadow:var(--shadow-1);font-size:.8rem;font-weight:700}.account-menu{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-raised);min-width:160px;box-shadow:var(--shadow-2);z-index:40;padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0}.account-menu button{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:.55rem .7rem;font-size:.85rem;display:block}.account-menu button:hover{background:var(--accent-soft)}.content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;view-transition-name:lumen-content;overflow:hidden auto}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}.content-route{transform-origin:50% 28%;will-change:transform,opacity;min-height:100%;animation:.38s cubic-bezier(.2,.72,.2,1) both route-forward-in}.content-route.route-transition-backward{animation-name:route-backward-in}.content-route.route-transition-detail{animation-name:route-detail-in}.content-route.route-transition-back{animation-name:route-back-in}.content-route.route-transition-native{animation:none}@keyframes route-forward-in{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes route-backward-in{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}@keyframes route-detail-in{0%{opacity:0;transform:translate(38px)scale(.988)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes route-back-in{0%{opacity:0;transform:translate(-20px)scale(.994)}to{opacity:1;transform:translate(0)scale(1)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(lumen-content){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.72,.2,1)}::view-transition-old(lumen-content){mix-blend-mode:normal;height:100%;overflow:clip}::view-transition-new(lumen-content){mix-blend-mode:normal;height:100%;overflow:clip}html[data-route-transition=forward]::view-transition-old(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-old-left}html[data-route-transition=forward]::view-transition-new(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-new-right}html[data-route-transition=backward]::view-transition-old(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-old-right}html[data-route-transition=back]::view-transition-old(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-old-right}html[data-route-transition=backward]::view-transition-new(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-new-left}html[data-route-transition=back]::view-transition-new(lumen-content){animation:.4s cubic-bezier(.2,.72,.2,1) both route-native-new-left}html[data-route-transition=detail]::view-transition-old(lumen-content){animation:.42s cubic-bezier(.2,.72,.2,1) both route-native-detail-old}html[data-route-transition=detail]::view-transition-new(lumen-content){animation:.42s cubic-bezier(.2,.72,.2,1) both route-native-detail-new}@keyframes route-native-old-left{to{opacity:0;transform:translate(-18px)}}@keyframes route-native-new-right{0%{opacity:0;transform:translate(28px)}}@keyframes route-native-old-right{to{opacity:0;transform:translate(18px)}}@keyframes route-native-new-left{0%{opacity:0;transform:translate(-28px)}}@keyframes route-native-detail-old{to{opacity:.15;transform:scale(.985)}}@keyframes route-native-detail-new{0%{opacity:0;transform:translate(42px)scale(.992)}}.page{gap:var(--stack);padding:var(--stack) var(--gutter) calc(var(--stack) * 1.4);flex-direction:column;min-height:100%;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700}.page-header p{color:var(--text-muted);margin:.35rem 0 0;font-size:.82rem}.home-top{grid-template-columns:minmax(0,1fr) clamp(260px,24vw,330px);gap:clamp(.9rem,1.6vw,1.4rem);display:grid}.hero{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-xl);min-height:clamp(330px,44vh,470px);box-shadow:var(--shadow-2),var(--shadow-3);grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;align-items:end;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.4rem,3vw,2.6rem);display:grid;position:relative;overflow:hidden;container:hero/inline-size}.hero-art{z-index:-2;filter:blur(26px)saturate(1.3);opacity:.55;background-position:50%;background-size:cover;position:absolute;inset:-12%}.hero-still{z-index:-2;opacity:.85;background-position:50% 30%;background-size:cover;display:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#0006 56%,#000 78%);mask-image:linear-gradient(90deg,#0000 30%,#0006 56%,#000 78%)}.hero-plate{place-self:center end;width:clamp(132px,13vw,186px)}.hero-plate .thumb{box-shadow:var(--shadow-2),var(--shadow-3)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--bg) 2%,var(--bg) 36%,var(--bg) 60%,var(--bg) 82%,transparent),linear-gradient(0deg,var(--bg) 1%,var(--bg) 26%,transparent 62%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.hero:before{background:linear-gradient(90deg,var(--bg) 2%,color-mix(in srgb,var(--bg) 86%,transparent) 36%,color-mix(in srgb,var(--bg) 52%,transparent) 60%,color-mix(in srgb,var(--bg) 16%,transparent) 82%,transparent),linear-gradient(0deg,var(--bg) 1%,color-mix(in srgb,var(--bg) 55%,transparent) 26%,transparent 62%)}}.hero:after{content:"";z-index:-1;pointer-events:none;background-image:var(--sheen-soft),var(--grain);opacity:.5;mix-blend-mode:soft-light;background-size:auto,140px 140px;position:absolute;inset:0}.hero-empty{background:radial-gradient(90% 120% at 15% 0%,var(--accent-soft),transparent 60%),var(--bg-elevated)}.hero-copy{max-width:34rem;position:relative}.hero h1{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 30px #0000008c;margin:0;font-size:clamp(2rem,4.4vw,3.7rem);font-weight:800;line-height:1.02}.eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.68rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;width:16px;height:1px}.hero-lede{-webkit-line-clamp:5;max-width:32rem;color:var(--text-muted);-webkit-box-orient:vertical;margin:.9rem 0 0;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-facts{flex-wrap:wrap;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.hero-fact{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-raised);padding:.3rem .62rem}@supports (color:color-mix(in lab,red,red)){.hero-fact{background:color-mix(in srgb,var(--surface-raised) 62%,transparent)}}.hero-fact{color:var(--text-muted);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.7rem}.hero-fact.fact-genre{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hero-fact.fact-genre{border-color:color-mix(in srgb,var(--accent) 42%,var(--line-strong))}}.hero-fact.fact-genre{color:var(--text)}.hero-fact.fact-spec{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:.66rem}@container hero (min-width:840px){.hero-copy{max-width:52rem}.hero-still{display:block}.hero-lede{max-width:44rem;font-size:.95rem}.hero-plate{width:clamp(190px,19cqw,226px);margin-left:clamp(.75rem,2.5cqw,1.75rem);margin-right:clamp(1rem,5cqw,3.4rem)}}.meta{color:var(--text);flex-wrap:wrap;align-items:center;margin:.85rem 0 0;font-size:.78rem;display:flex}.meta span:not(:last-child):after{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin:0 .6rem;display:inline-block}.hero-progress{align-items:center;gap:.7rem;max-width:22rem;margin-top:1.1rem;display:flex}.hero-progress .progress-track{flex:1}.hero-progress span:last-child{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.actions{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.button{border-radius:var(--radius-pill);cursor:pointer;min-height:42px;transition:transform .16s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.84rem;font-weight:650;display:inline-flex;position:relative}.button-primary{background:linear-gradient(180deg,var(--accent-light),var(--accent) 62%,var(--accent))}@supports (color:color-mix(in lab,red,red)){.button-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-light) 72%,var(--accent)),var(--accent) 62%,color-mix(in srgb,var(--accent) 84%,var(--accent-strong)))}}.button-primary{color:var(--accent-contrast);box-shadow:0 1px #fff3 inset,var(--shadow-glow)}.button-secondary{background:linear-gradient(180deg,var(--surface-raised),var(--surface))}@supports (color:color-mix(in lab,red,red)){.button-secondary{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),var(--surface))}}.button-secondary{color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary:hover:not(:disabled){box-shadow:0 1px #ffffff42 inset,0 18px 40px -14px var(--glow)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.progress-track{border-radius:var(--radius-pill);background:var(--text);height:3px;display:block}@supports (color:color-mix(in lab,red,red)){.progress-track{background:color-mix(in srgb,var(--text) 16%,transparent)}}.progress-track{overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent-light));height:100%;box-shadow:0 0 10px var(--glow);display:block}.up-next{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface),var(--bg-elevated));flex-direction:column;gap:.55rem;padding:1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.up-next{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 75%,transparent),color-mix(in srgb,var(--bg-elevated) 60%,transparent))}}.up-next{box-shadow:var(--shadow-1)}.up-next ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.up-next button{border-radius:var(--radius-card);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background .18s var(--ease);background:0 0;border:0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:.7rem;padding:.4rem;display:grid}.up-next button:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.up-next button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}}.up-next-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.up-next-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:620;overflow:hidden}.up-next-copy em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-style:normal;overflow:hidden}.thumb{border-radius:var(--radius-card);background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--line) inset;position:relative;overflow:hidden}.thumb-poster{aspect-ratio:2/3}.thumb-wide{aspect-ratio:16/9}.thumb>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb-fill{background-position:50%;background-size:cover;position:absolute;inset:0}.thumb-wash{filter:blur(20px)saturate(1.35);opacity:.55;background-position:50%;background-size:cover;position:absolute;inset:-20%}.thumb-fit{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.thumb-letter{font-family:var(--font-display);color:var(--accent);place-items:center;font-size:2.4rem;font-weight:700;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.thumb-letter{color:color-mix(in srgb,var(--accent) 40%,transparent)}}.thumb-letter{background:linear-gradient(150deg,var(--surface-raised),var(--bg-elevated))}.thumb-gloss{background:var(--sheen);opacity:.35;pointer-events:none;position:absolute;inset:0}.card{width:100%;min-width:0;max-width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.55rem;padding:0;display:flex}.card-frame{border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-1);transition:transform .22s var(--ease),box-shadow .22s var(--ease);display:block;position:relative}.card:hover .card-frame,.card:focus-visible .card-frame{box-shadow:var(--shadow-2),0 20px 46px -22px var(--glow);transform:translateY(-4px)}.card-play{z-index:2;background:linear-gradient(180deg,var(--accent-light),var(--accent));width:42px;height:42px;color:var(--accent-contrast);box-shadow:0 8px 24px -6px var(--glow);opacity:0;transition:opacity .2s var(--ease),scale .2s var(--ease);border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0;scale:.85}.card:hover .card-play,.card:focus-visible .card-play{opacity:1;scale:1}.card-progress{z-index:2;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.card-copy{flex-direction:column;gap:.18rem;min-width:0;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:620;overflow:hidden}.card-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.71rem;overflow:hidden}.rail{flex-direction:column;gap:.8rem;display:flex}.rail-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.rail-head h2{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:650}.rail-nav{gap:.35rem;display:flex}.rail-nav button{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-raised),var(--surface));width:32px;height:32px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-1);transition:color .18s var(--ease),border-color .18s var(--ease);border-radius:50%;place-items:center;display:grid}.rail-nav button:hover{color:var(--text);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rail-nav button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}}.rail-track{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:.25rem var(--gutter) 1.1rem;scrollbar-width:none;gap:clamp(.7rem,1vw,1rem);display:flex;overflow-x:auto}.rail-track::-webkit-scrollbar{display:none}.rail-track .card{scroll-snap-align:start}.track-poster .card{flex:0 0 clamp(132px,13vw,172px)}.track-wide .card{flex:0 0 clamp(224px,24vw,296px)}.rail-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:1.6rem}@supports (color:color-mix(in lab,red,red)){.rail-empty{background:color-mix(in srgb,var(--surface) 45%,transparent)}}.rail-empty{color:var(--text-muted);text-align:center;font-size:.84rem}.grid{grid-template-columns:repeat(auto-fill,minmax(clamp(126px,13vw,168px),1fr));gap:clamp(.8rem,1.4vw,1.3rem);display:grid}.detail{isolation:isolate;min-height:100%;padding:var(--stack) var(--gutter) calc(var(--stack) * 1.4);position:relative}.detail-art{z-index:-1;background-position:50% 28%;background-size:cover;height:min(60%,460px);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 15%,#0000);mask-image:linear-gradient(#000 15%,#0000)}.detail-art:after{content:"";background:linear-gradient(90deg,var(--bg) 3%,var(--bg) 45%,transparent),var(--sheen-soft);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.detail-art:after{background:linear-gradient(90deg,var(--bg) 3%,color-mix(in srgb,var(--bg) 70%,transparent) 45%,transparent),var(--sheen-soft)}}.detail-back{margin-bottom:1.4rem}.detail-body{grid-template-columns:clamp(160px,18vw,224px) minmax(0,1fr);align-items:end;gap:clamp(1.2rem,3vw,2.6rem);display:grid}.detail-poster .thumb{box-shadow:var(--shadow-2),var(--shadow-3)}.detail-copy h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,4.2vw,3.4rem);font-weight:800;line-height:1.03}.detail-lede{max-width:40rem;color:var(--text-muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.7}.rich-detail{flex-direction:column;gap:clamp(2rem,4vw,3.5rem);display:flex}.rich-detail .detail-back{align-self:flex-start;margin-bottom:-2rem}.detail-hero{grid-template-columns:clamp(130px,14vw,180px) minmax(0,1fr);align-items:center;min-height:min(42vh,330px)}.detail-chips{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.detail-chips span,.suggestion-chips button{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-raised);padding:.35rem .65rem}@supports (color:color-mix(in lab,red,red)){.detail-chips span,.suggestion-chips button{background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}}.detail-chips span,.suggestion-chips button{color:var(--text-muted);font-size:.7rem}.last-watched{color:var(--text-faint);margin:.55rem 0 0;font-size:.7rem}.detail-section{min-width:0}.detail-section>h2,.scene-explorer>h2{margin:0 0 1rem;font-size:clamp(1.15rem,2vw,1.45rem)}.scene-explorer{border:1px solid var(--accent);padding:clamp(1.2rem,2.5vw,2rem)}@supports (color:color-mix(in lab,red,red)){.scene-explorer{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line))}}.scene-explorer{border-radius:var(--radius-xl);background:radial-gradient(90% 180% at 5% 0%,var(--accent-soft),transparent 58%),var(--surface)}@supports (color:color-mix(in lab,red,red)){.scene-explorer{background:radial-gradient(90% 180% at 5% 0%,var(--accent-soft),transparent 58%),color-mix(in srgb,var(--surface) 72%,transparent)}}.scene-explorer{box-shadow:var(--shadow-1)}.scene-explorer .eyebrow{margin-bottom:.45rem}.scene-explorer form{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-faint);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.45rem .45rem .45rem .9rem;display:grid}.scene-explorer input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.suggestion-chips{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.suggestion-chips button{cursor:pointer}.suggestion-chips button:hover{color:var(--text);border-color:var(--accent)}.scene-answer{max-width:760px;color:var(--text-muted);margin:1rem 0 0;font-size:.86rem;line-height:1.6}.scene-results,.chapter-strip{scrollbar-width:thin;gap:.8rem;margin-top:1rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.scene-results button,.chapter-strip button{text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 clamp(190px,24vw,280px);gap:.4rem;padding:0;display:grid}.scene-image,.chapter-image{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-1);background-position:50%;background-size:cover;display:block;position:relative;overflow:hidden}.scene-image:after,.chapter-image:after{content:"";background:linear-gradient(#0000 40%,#000000b8);position:absolute;inset:0}.scene-results strong,.chapter-strip strong{font-size:.8rem}.scene-results small{color:var(--text-faint)}.chapter-image i{z-index:1;color:#fff;font-size:.7rem;font-style:normal;position:absolute;bottom:.5rem;left:.6rem}.about-version{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(1rem,3vw,2rem);display:grid}.about-version>div{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:clamp(1.1rem,2vw,1.6rem)}@supports (color:color-mix(in lab,red,red)){.about-version>div{background:color-mix(in srgb,var(--surface) 58%,transparent)}}.about-version h2,.about-version h3{margin:0 0 .8rem}.about-version h3{margin-top:1.1rem;font-size:.8rem}.about-version p{color:var(--text-muted);font-size:.86rem;line-height:1.7}.about-version dl{grid-template-columns:max-content 1fr;gap:.45rem 1rem;margin:1rem 0 0;font-size:.78rem;display:grid}.about-version dt{color:var(--text-faint)}.about-version dd{color:var(--text-muted);margin:0}.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.technical-grid span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:.2rem;padding:.65rem;display:flex}.technical-grid small,.track-list span{color:var(--text-faint);font-size:.68rem}.technical-grid strong{font-size:.8rem}.track-list{flex-wrap:wrap;gap:.4rem;display:flex}.track-list h3{flex-basis:100%}.track-list span{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.3rem .5rem}.edition-picker button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;margin:0 .35rem .35rem 0;padding:.35rem .55rem;font-size:.7rem}.edition-picker button.active{color:var(--accent);border-color:var(--accent)}.cast-row{gap:clamp(.8rem,1.5vw,1.25rem);padding:.25rem 0 .75rem;display:flex;overflow-x:auto}.cast-row button{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 104px;align-items:center;gap:.28rem;padding:0;display:flex}.cast-row img,.cast-fallback{border:1px solid var(--line-strong);object-fit:cover;background:var(--surface-raised);width:76px;height:76px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.cast-row strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.75rem;overflow:hidden}.cast-row small{text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--text-faint);font-size:.66rem;overflow:hidden}.character-panel{border-left:2px solid var(--accent);background:var(--surface);max-width:620px;margin-top:.75rem;padding:1rem}.character-panel p{color:var(--text-muted);margin:.35rem 0 0;font-size:.8rem;line-height:1.55}.more-like-row{grid-auto-columns:clamp(132px,15vw,180px);grid-auto-flow:column;gap:.9rem;padding:.25rem 0 .75rem;display:grid;overflow-x:auto}.more-like-row>div{min-width:0}.more-like-row>div>p{color:var(--text-faint);margin:.5rem 0 0;font-size:.68rem;line-height:1.4}.extras-row{flex-wrap:wrap;gap:.7rem;display:flex}.extras-row a,.extras-row button{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-width:180px;color:var(--text);text-align:left;cursor:pointer;flex-direction:column;gap:.25rem;padding:.9rem;text-decoration:none;display:flex}.extras-row span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.extras-row strong{font-size:.78rem}.series-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.series-heading h2,.series-heading p{margin:0}.series-heading p{color:var(--text-muted);text-transform:capitalize;margin-top:.3rem;font-size:.76rem}.series-heading select{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);padding:.5rem .7rem}.episode-list{gap:.5rem;margin-top:1rem;display:grid}.episode-list>button{border-radius:var(--radius-card);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:clamp(130px,18vw,220px) minmax(0,1fr);align-items:center;gap:1rem;padding:.55rem;display:grid}.episode-list>button:hover,.episode-list>button.next-up-episode{border-color:var(--line);background:var(--surface)}.episode-still,.episode-still img{aspect-ratio:16/9;border-radius:var(--radius-sm);object-fit:cover;width:100%;display:block;overflow:hidden}.episode-list>button>span:last-child{flex-direction:column;gap:.25rem;display:flex}.episode-list small{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.episode-list strong{font-size:.88rem}.episode-list em{color:var(--text-faint);font-size:.7rem;font-style:normal}.back-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:.35rem;padding:.45rem .8rem .45rem .5rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.back-button{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.back-button{color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem}.back-button:hover{color:var(--text)}.settings{gap:var(--stack);flex-direction:column;max-width:760px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface),var(--bg-elevated));padding:clamp(1.1rem,2vw,1.6rem)}@supports (color:color-mix(in lab,red,red)){.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 80%,transparent),color-mix(in srgb,var(--bg-elevated) 55%,transparent))}}.panel{box-shadow:var(--shadow-1)}.panel h2{margin:0;font-size:1rem;font-weight:650}.panel-lede{color:var(--text-muted);margin:.4rem 0 1.1rem;font-size:.84rem}.tools{gap:var(--stack);flex-direction:column;max-width:980px;display:flex}.tool-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tool-heading .panel-lede{max-width:640px;margin-bottom:0}.tool-stats{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.tool-stats>*{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);padding:.35rem .6rem;font-size:.75rem}.issue-list{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.issue-list li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:.65rem;padding:.75rem;display:flex}.issue-list p,.issue-list small{color:var(--text-muted);margin:.2rem 0 0;font-size:.78rem;display:block}.issue-list small{color:var(--text-faint)}.severity{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px;margin-top:.35rem}.severity.error{background:var(--danger)}.severity.warning{background:var(--accent)}.duplicate-group{border-left:2px solid var(--accent);background:var(--surface);margin-top:.8rem;padding:.8rem}.duplicate-group p{color:var(--text-muted);margin:.35rem 0 0;font-size:.8rem}.collection-form{gap:.6rem;display:flex}.collection-form input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex:1;min-width:0;padding:.7rem .85rem}.collection-meaning{color:var(--text-muted);font-size:.8rem}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem;display:grid}.tmdb-credit img{width:82px;height:auto}.tmdb-credit>p:last-child{max-width:560px;color:var(--text-faint);font-size:.72rem}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;display:grid}.theme-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-1);transition:border-color .18s var(--ease),transform .18s var(--ease);flex-direction:column;gap:.6rem;padding:.55rem .55rem .7rem;display:flex}.theme-card:hover{transform:translateY(-2px)}.theme-card.active{border-color:var(--accent);box-shadow:var(--shadow-1),0 0 0 1px var(--accent),0 14px 34px -18px var(--glow)}.theme-preview{border-radius:var(--radius-sm);height:74px;box-shadow:inset 0 1px #fff3}.theme-name{padding-left:.15rem;font-size:.82rem;font-weight:600}.status{height:var(--status-height);padding:0 var(--gutter);border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,var(--bg-elevated));align-items:center;gap:.85rem;display:flex}@supports (color:color-mix(in lab,red,red)){.status{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg-elevated) 80%,transparent))}}.status{color:var(--text-faint);font-size:.73rem}.status .ok,.status .down{color:var(--text-muted);align-items:center;gap:.45rem;display:inline-flex}.status i{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.status i{box-shadow:0 0 8px color-mix(in srgb,var(--success) 70%,transparent)}}.status .down i{background:var(--danger);box-shadow:0 0 8px var(--danger)}@supports (color:color-mix(in lab,red,red)){.status .down i{box-shadow:0 0 8px color-mix(in srgb,var(--danger) 70%,transparent)}}.status-sep{background:var(--line-strong);width:1px;height:12px}.tabbar{display:none}.player{background:#000;grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.player-bar{min-height:62px;padding:.65rem var(--gutter);background:linear-gradient(180deg,var(--bg-elevated),var(--bg));border-bottom:1px solid var(--line);grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:1rem;display:grid}.player-title{flex-direction:column;gap:.15rem;min-width:0;display:flex}.player-bar span{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem}.player-bar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.player-context{align-items:center;gap:.65rem;min-width:0;display:flex}.player-context span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.player-context strong{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.player-panel-toggle{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.72rem;display:inline-flex}.player-panel-toggle:hover{border-color:var(--line-strong);color:var(--text)}.player-stage{background:#000;grid-template-columns:minmax(0,1fr) minmax(320px,370px);min-height:0;display:grid}.player-stage.panel-hidden,.player-stage.is-fullscreen{grid-template-columns:minmax(0,1fr)}.video-stage{background:#000;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.video{object-fit:contain;background:#000;width:100%;height:100%}.stage-fullscreen{color:#fff;cursor:pointer;opacity:0;width:36px;height:36px;transition:opacity .2s var(--ease),background .2s var(--ease);background:#0000008c;border:1px solid #ffffff29;border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.video-stage:hover .stage-fullscreen,.stage-fullscreen:focus-visible{opacity:1}.stage-fullscreen:hover{background:#000c}.player-companion{border-left:1px solid var(--line);background:radial-gradient(100% 40% at 50% 0,var(--accent-soft),transparent),var(--bg-elevated);min-width:0;min-height:0;color:var(--text);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.companion-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.15rem 1.1rem .85rem;display:flex}.companion-heading>div{flex-direction:column;gap:.2rem;display:flex}.companion-heading span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:700}.companion-heading h2{margin:0;font-size:1.1rem}.companion-heading i{border:1px solid var(--success);padding:.3rem .5rem}@supports (color:color-mix(in lab,red,red)){.companion-heading i{border:1px solid color-mix(in srgb,var(--success) 38%,var(--line))}}.companion-heading i{border-radius:var(--radius-pill);color:var(--success);white-space:nowrap;font-size:.6rem;font-style:normal}.companion-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:0 .7rem;display:grid}.companion-tabs button{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:.65rem .25rem;font-size:.72rem;position:relative}.companion-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:.45rem;right:.45rem}.companion-tabs button.active{color:var(--text)}.companion-tabs button.active:after{background:var(--accent);box-shadow:0 0 12px var(--glow)}.companion-scroll{scrollbar-width:thin;min-height:0;padding:1rem;overflow-y:auto}.companion-intro{color:var(--text-muted);margin:0 0 .8rem;font-size:.76rem;line-height:1.55}.companion-search{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--surface-raised),var(--surface));grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:50px;padding:3px;display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.companion-search{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 70%,var(--surface)),var(--surface))}}.companion-search{box-shadow:inset 0 1px #ffffff09}.companion-search:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.companion-search:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}}.companion-search:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}.companion-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:.7rem .85rem;font-size:.76rem}.companion-search button{isolation:isolate;border:1px solid var(--accent-light);flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.companion-search button{border:1px solid color-mix(in srgb,var(--accent-light) 72%,transparent)}}.companion-search button{background:radial-gradient(circle at 34% 24%,#ffffff6b,transparent 28%),linear-gradient(145deg,var(--accent-light),var(--accent) 52%,var(--accent-strong));color:var(--accent-contrast);box-shadow:0 1px #ffffff47 inset,0 7px 18px -7px var(--glow),0 2px 7px #00000059;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease);border-radius:50%}.companion-search button:before{content:"";z-index:-1;border-radius:inherit;border:1px solid #ffffff1f;position:absolute;inset:4px}.companion-search button svg{filter:drop-shadow(0 1px 1px #00000040);translate:1px}.companion-search button:hover:not(:disabled){filter:saturate(1.08)brightness(1.05);box-shadow:0 1px #ffffff57 inset,0 11px 24px -8px var(--glow),0 3px 9px #0006;transform:translateY(-1px)scale(1.045)}.companion-search button:active:not(:disabled){transform:translateY(0)scale(.96)}.companion-search button:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.companion-search button:disabled{opacity:.55;cursor:wait}.companion-suggestions{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.companion-suggestions button{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;padding:.36rem .55rem;font-size:.64rem}.companion-suggestions button:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.companion-suggestions button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.companion-suggestions button:hover{color:var(--text)}.companion-answer{border:1px solid var(--line);border-left-color:var(--accent);border-radius:var(--radius-card);background:var(--surface);margin-top:1rem;padding:.85rem}.companion-answer span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:700}.companion-answer p{color:var(--text-muted);margin:.4rem 0 0;font-size:.74rem;line-height:1.55}.companion-matches{gap:.55rem;margin-top:.8rem;display:grid}.companion-matches button{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.4rem;display:grid}.companion-scene{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:6px;width:68px}.companion-matches strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.companion-matches small{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.62rem}.companion-limit{border-top:1px solid var(--line);color:var(--text-faint);margin:0;padding:.65rem 1rem;font-size:.58rem;line-height:1.45}.companion-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;flex-direction:column;gap:.4rem;margin-top:1rem;padding:1rem;display:flex}.companion-empty strong{font-size:.78rem}.companion-empty span{color:var(--text-faint);font-size:.66rem;line-height:1.45}.chapter-list{background:0 0;padding:1rem}.chapter-list h3{margin:0;font-size:.9rem}.chapter-list>p{color:var(--text-faint);margin:.3rem 0 .8rem;font-size:.68rem}.chapter-list>button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:3.2rem 1fr;gap:.5rem;padding:.65rem .4rem;display:grid}.chapter-list>button:hover:not(:disabled){background:var(--accent-soft)}.chapter-list>button:disabled{cursor:default;opacity:.55}.chapter-list>button span{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.68rem}.chapter-list>button strong{font-size:.75rem}.party-panel{flex-direction:column;gap:.75rem;display:flex}.party-panel label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:.62rem;font-weight:700;display:flex}.party-panel label input,.party-queue select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;outline:0;padding:.68rem .75rem}.party-panel label input:focus,.party-queue select:focus{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.party-panel label input:focus,.party-queue select:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--line))}}.party-panel label input:focus,.party-queue select:focus{box-shadow:0 0 0 3px var(--accent-soft)}.party-create{align-items:center;gap:.6rem;display:flex}.party-create span{color:var(--text-faint);font-size:.62rem}.party-panel>.button{align-self:flex-start}.party-note{color:var(--text-faint);margin:.2rem 0 0;font-size:.62rem;line-height:1.5}.party-error{color:var(--danger);margin:0;font-size:.68rem}.party-invite{border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .7rem;padding:.8rem;display:grid}@supports (color:color-mix(in lab,red,red)){.party-invite{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line))}}.party-invite{border-radius:var(--radius-card);background:var(--accent-soft)}.party-invite span{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:700}.party-invite strong{letter-spacing:.16em;grid-column:1;font-size:1.25rem}.party-invite button{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;grid-area:1/2/3;padding:.45rem .6rem;font-size:.62rem}.party-people{justify-content:space-between;align-items:center;gap:.7rem;padding:.2rem .1rem;display:flex}.party-people h3,.party-queue h3{margin:0;font-size:.78rem}.party-people>div{flex-direction:row-reverse;justify-content:flex-end;display:flex}.party-people>div span{border:2px solid var(--bg-elevated);background:linear-gradient(135deg,var(--accent-light),var(--accent-strong));width:28px;height:28px;color:var(--accent-contrast);border-radius:50%;place-items:center;margin-left:-6px;font-size:.64rem;font-weight:800;display:grid}.party-friends{border-top:1px solid var(--line);flex-direction:column;gap:.55rem;padding-top:.7rem;display:flex}.party-friends h3{margin:0;font-size:.78rem}.party-friends>div{gap:.55rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.party-friends>div>button{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--text);cursor:pointer;flex-direction:column;flex:0 0 82px;align-items:center;gap:.3rem;padding:.55rem .35rem;display:flex}.party-friends>div>button:disabled{opacity:.45;cursor:default}.party-friends button>span{background:linear-gradient(145deg,var(--accent-light),var(--accent-strong));width:30px;height:30px;color:var(--accent-contrast);border-radius:50%;place-items:center;font-size:.65rem;font-weight:800;display:grid;position:relative}.party-friends button>span i{border:2px solid var(--surface);background:var(--text-faint);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.party-friends button>span i.online{background:var(--success)}.party-friends button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;overflow:hidden}.party-friends button small{color:var(--text-faint);font-size:.55rem}.party-queue{border-top:1px solid var(--line);flex-direction:column;gap:.65rem;padding-top:.7rem;display:flex}.party-queue>div:first-child{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.party-queue>div:first-child span{color:var(--text-faint);font-size:.58rem}.party-queue form{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.party-queue form button{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:0;padding:0 .65rem;font-size:.68rem;font-weight:700}.party-queue form button:disabled{opacity:.45;cursor:default}.party-queue-item{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:auto 34px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.45rem;display:grid}.party-rank{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.62rem}.party-poster{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:4px;width:34px}.party-queue-item>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.party-queue-item>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.party-queue-item>div small{color:var(--text-faint);font-size:.58rem}.party-queue-item>button{border:1px solid var(--line);width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:50%}.party-queue-item>button.voted{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.party-queue-item>.party-play-next{border-radius:var(--radius-pill);width:auto;height:auto;color:var(--text-muted);grid-column:3/-1;justify-self:start;padding:.3rem .5rem;font-size:.58rem}.overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000ad;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.friends-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--bg-elevated);width:min(620px,100%);max-height:min(760px,100dvh - 3rem);box-shadow:var(--shadow-3);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.friends-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.4rem 1rem;display:flex}.friends-card>header h2{margin:.3rem 0 0;font-size:1.35rem}.friends-card>header>button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid}.hub-auth,.friends-body{min-height:0;padding:1.4rem;overflow-y:auto}.hub-auth>p{color:var(--text-muted);margin:0 0 1.2rem;font-size:.82rem;line-height:1.6}.hub-auth-tabs{border-radius:var(--radius-pill);background:var(--surface);grid-template-columns:1fr 1fr;margin-bottom:1.2rem;padding:3px;display:grid}.hub-auth-tabs button{border-radius:var(--radius-pill);color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:.6rem}.hub-auth-tabs button.active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-1)}.hub-auth form{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.hub-auth form label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:.4rem;font-size:.64rem;font-weight:700;display:flex}.hub-auth form label:first-child,.hub-auth form .form-error,.hub-auth form .button{grid-column:1/-1}.hub-auth form input,.friend-search input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;outline:0;padding:.75rem .8rem}.hub-auth form input:focus,.friend-search input:focus{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hub-auth form input:focus,.friend-search input:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--line))}}.hub-auth form input:focus,.friend-search input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.hub-auth form .button{justify-self:start}.friends-body{flex-direction:column;gap:1rem;display:flex}.friends-profile{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding-bottom:1rem;display:grid}.friends-profile>span,.friend-avatar{background:linear-gradient(145deg,var(--accent-light),var(--accent-strong));width:38px;height:38px;color:var(--accent-contrast);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid;position:relative}.friends-profile>div,.friend-row>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.friends-profile strong,.friend-row strong{font-size:.8rem}.friends-profile small,.friend-row small{color:var(--text-faint);font-size:.66rem}.friends-profile>button{color:var(--text-faint);cursor:pointer;background:0 0;border:0;font-size:.68rem}.connect-library{border:1px solid var(--accent);grid-template-columns:1fr 1fr;gap:.7rem;padding:1rem;display:grid}@supports (color:color-mix(in lab,red,red)){.connect-library{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}}.connect-library{border-radius:var(--radius-card);background:var(--accent-soft)}.connect-library>div,.connect-library>.button{grid-column:1/-1}.connect-library>div strong{font-size:.82rem}.connect-library>div p{color:var(--text-muted);margin:.3rem 0 0;font-size:.68rem;line-height:1.5}.connect-library label{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:.6rem;font-weight:700;display:flex}.connect-library input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);font:inherit;letter-spacing:normal;text-transform:none;outline:0;padding:.65rem .7rem}.connect-library>.button{justify-self:start}.hub-connected{border:1px solid var(--line);border-radius:var(--radius-card);color:var(--text-muted);align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.68rem;display:flex}.hub-connected i{background:var(--success);width:7px;height:7px;box-shadow:0 0 7px var(--success);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.hub-connected i{box-shadow:0 0 7px color-mix(in srgb,var(--success) 60%,transparent)}}.hub-connected button{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:.65rem}.friend-search{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.friend-search button{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:0;padding:0 .85rem;font-size:.7rem;font-weight:700}.friend-list{flex-direction:column;display:flex}.friend-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.friend-avatar i{border:2px solid var(--bg-elevated);background:var(--text-faint);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.friend-avatar i.online{background:var(--success);box-shadow:0 0 8px var(--success)}@supports (color:color-mix(in lab,red,red)){.friend-avatar i.online{box-shadow:0 0 8px color-mix(in srgb,var(--success) 60%,transparent)}}.friend-row .button{padding:.45rem .65rem;font-size:.66rem}.friend-more{width:32px;height:32px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.friend-more:hover{background:var(--surface);color:var(--text)}.overlay-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-raised),var(--bg-elevated));width:min(420px,100%);box-shadow:var(--shadow-2),var(--shadow-3);flex-direction:column;gap:.9rem;padding:1.6rem;display:flex}.overlay-card h2{margin:0;font-size:1.25rem}.overlay-card p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.65}.overlay-card .button{align-self:flex-start}.watch-invite-card small{color:var(--text-faint);line-height:1.45}.splash{background:radial-gradient(70vw 60vh at 50% 20%,var(--accent-soft),transparent 60%),var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;height:100dvh;padding:2rem;display:flex}.loading{color:var(--text-muted);align-items:center;gap:.7rem;font-size:.78rem;display:inline-flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-small{border-width:1.5px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.state-panel{text-align:center;flex-direction:column;align-items:center;gap:.6rem;max-width:26rem;display:flex}.state-mark{border:1px solid var(--accent);place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab,red,red)){.state-mark{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}}.state-mark{color:var(--accent);box-shadow:0 0 24px -6px var(--glow);border-radius:50%}.state-panel h2{margin:.5rem 0 0;font-size:1.4rem}.state-panel p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.state-panel .button{margin-top:.6rem}.text-button{color:var(--text-faint);cursor:pointer;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.login-shell{background:radial-gradient(80vw 60vh at 20% 10%,var(--accent-soft),transparent 55%),var(--bg);place-items:center;min-height:100dvh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-beam{background:linear-gradient(100deg,transparent,var(--accent-soft),transparent);filter:blur(28px);width:46vw;height:140vh;position:absolute;top:-20%;left:12%;rotate:18deg}.login-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-raised),var(--bg-elevated));width:min(430px,100%);padding:clamp(1.75rem,5vw,3rem);position:relative}@supports (color:color-mix(in lab,red,red)){.login-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),color-mix(in srgb,var(--bg-elevated) 96%,transparent))}}.login-card{box-shadow:var(--shadow-2),var(--shadow-3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:.55s cubic-bezier(.16,.8,.2,1) both login-card-in}.login-beam{animation:login-beam-in .7s var(--ease) both}@keyframes login-card-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes login-beam-in{0%{opacity:0;transform:translate(-3%)}to{opacity:1;transform:translate(0)}}.login-brand{margin-bottom:2.4rem}.login-card h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,6vw,2.9rem);font-weight:800}.login-copy{color:var(--text-muted);margin:.8rem 0 2rem;font-size:.88rem;line-height:1.6}.login-card form{flex-direction:column;display:flex}.login-card label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.68rem;font-weight:700}.login-card input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:46px;color:var(--text);margin-bottom:1.15rem;padding:0 .9rem;box-shadow:inset 0 1px #ffffff0a}.login-card input:focus{border-color:var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.login-card input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}}.login-card input:focus{box-shadow:0 0 0 3px var(--accent-soft)}.login-button{width:100%;margin-top:.4rem}.form-error{color:var(--danger);margin:-.35rem 0 1rem;font-size:.78rem}@media(max-width:1180px){.shell,.shell-collapsed{grid-template-columns:var(--sidebar-rail) minmax(0,1fr)}.brand-lockup,.nav-label{display:none}.brand-mark{display:block}.sidebar-brand,.sidebar button:not(.sidebar-brand){justify-content:center;padding-inline:.5rem}.sidebar button.active:before{left:-.7rem}.home-top{grid-template-columns:minmax(0,1fr)}.up-next{box-shadow:none;background:0 0;border:0;gap:.8rem;padding:0}.up-next ul{scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .3rem;scrollbar-width:none;flex-direction:row;overflow-x:auto}.up-next ul::-webkit-scrollbar{display:none}.up-next li{flex:0 0 clamp(240px,42vw,320px)}.up-next button{padding-inline:0}}@media(max-width:760px){.shell,.shell-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.stage{grid-template-rows:var(--topbar-height) minmax(0,1fr)}.status{display:none}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem}.topbar-brand{grid-column:1;display:block}.search{grid-column:2}.search input{font-size:.82rem}.topbar-end{grid-column:3;gap:.5rem}.content{padding-bottom:64px}.hero{border-radius:var(--radius-lg);min-height:360px}.hero:before{background:linear-gradient(0deg,var(--bg) 4%,var(--bg) 42%,transparent 82%)}@supports (color:color-mix(in lab,red,red)){.hero:before{background:linear-gradient(0deg,var(--bg) 4%,color-mix(in srgb,var(--bg) 72%,transparent) 42%,transparent 82%)}}.hero-copy{max-width:none}.hero-plate{display:none}.hero-facts{gap:.35rem}.hero-fact{padding:.26rem .55rem;font-size:.66rem}.actions .button{flex:1}.detail-body{grid-template-columns:minmax(0,1fr)}.detail-poster{width:42%;max-width:190px}.detail-hero{grid-template-columns:110px minmax(0,1fr);align-items:end;min-height:0}.detail-hero .detail-poster{width:100%}.detail-hero .detail-lede{display:none}.rich-detail{gap:2.2rem}.scene-explorer form{border-radius:var(--radius-lg);grid-template-columns:auto minmax(0,1fr)}.scene-explorer form .button{grid-column:1/-1;width:100%}.about-version{grid-template-columns:1fr}.scene-results button,.chapter-strip button{flex-basis:72vw}.episode-list>button{grid-template-columns:38% minmax(0,1fr);gap:.7rem}.tabbar{z-index:50;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-elevated);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab,red,red)){.tabbar{background:color-mix(in srgb,var(--bg-elevated) 92%,transparent)}}.tabbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tabbar button{color:var(--text-faint);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem 0 .3rem;font-size:.62rem;display:flex}.tabbar button.active{color:var(--accent)}.tool-heading,.collection-form{flex-direction:column}.player-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;min-height:56px;padding-inline:.7rem}.player-bar .back-button{padding-inline:.55rem;font-size:0}.player-context{display:none}.player-panel-toggle{justify-content:center;width:36px;height:36px;padding:0;font-size:0}.player-stage{grid-template-rows:minmax(0,1fr) minmax(230px,40vh);grid-template-columns:1fr}.player-stage.panel-hidden{grid-template-rows:minmax(0,1fr)}.player-companion{border-top:1px solid var(--line);border-left:0}.companion-heading{padding:.75rem 1rem .55rem}.companion-limit{display:none}.friends-overlay{align-items:end;padding:0}.friends-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:88dvh}.hub-auth form{grid-template-columns:1fr}.hub-auth form label{grid-column:1}.connect-library{grid-template-columns:1fr}.connect-library label{grid-column:1}}@media(max-width:420px){.track-poster .card{flex-basis:39vw}.track-wide .card{flex-basis:72vw}.grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.up-next li{flex-basis:78vw}.detail-hero{grid-template-columns:86px minmax(0,1fr)}.detail-copy h1{font-size:1.65rem}.detail-chips span{font-size:.62rem}.technical-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.content-route{will-change:auto;animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}::view-transition-old(lumen-content){animation:none!important}::view-transition-new(lumen-content){animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}