:root{font-family:Segoe UI Variable,Bahnschrift,Trebuchet MS,sans-serif;color-scheme:dark;background:#090d12}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#090d12;overflow-x:hidden}button,input,select,textarea{font:inherit}button,.nav-button,.text-button,.bottom-nav-button{border:0;color:inherit;cursor:pointer}.app{--bg: #0b1016;--bg-elevated: #101722;--panel: rgba(18, 25, 36, .9);--panel-strong: rgba(23, 32, 45, .96);--panel-soft: rgba(15, 22, 32, .78);--border: rgba(132, 155, 187, .18);--border-strong: rgba(173, 194, 223, .22);--text: #f1f5fb;--muted: #9aa9bf;--muted-strong: #bdc9d9;--accent: #3c74e0;--accent-strong: #7fa9ff;--accent-soft: rgba(60, 116, 224, .18);--accent-alt: #4e8dff;--success-bg: #173b2e;--success-text: #a8efce;--error-bg: #412029;--error-text: #ffc0c7;--offline-bg: #403117;--offline-border: #7d5e20;--offline-text: #ffe0a4;--shadow-lg: 0 26px 60px rgba(0, 0, 0, .42);--shadow-md: 0 16px 36px rgba(0, 0, 0, .28);min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at top right,rgba(78,141,255,.14),transparent 24%),radial-gradient(circle at 14% 12%,rgba(127,169,255,.11),transparent 20%),linear-gradient(180deg,#0a0f15,#0b1016 32%,#090d12);color:var(--text)}.app.light{--bg: #eef3f9;--bg-elevated: #ffffff;--panel: rgba(255, 255, 255, .86);--panel-strong: rgba(255, 255, 255, .96);--panel-soft: rgba(245, 248, 252, .88);--border: rgba(21, 32, 51, .1);--border-strong: rgba(21, 32, 51, .16);--text: #152033;--muted: #60718a;--muted-strong: #43556f;--accent: #b9d1ff;--accent-strong: #8fb6ff;--accent-soft: rgba(58, 116, 224, .14);--accent-alt: #2a66d6;--success-bg: #dff3e7;--success-text: #175d3f;--error-bg: #fce4e6;--error-text: #932937;--offline-bg: #fff1d3;--offline-border: #d5b165;--offline-text: #875d05;--shadow-lg: 0 22px 50px rgba(48, 71, 102, .16);--shadow-md: 0 14px 30px rgba(48, 71, 102, .12);background:radial-gradient(circle at top right,rgba(44,107,237,.08),transparent 28%),radial-gradient(circle at 16% 12%,rgba(91,141,255,.08),transparent 20%),linear-gradient(180deg,#f8fbff,#eef3f9 32%,#edf2f8)}.auth-screen{grid-template-columns:1fr;place-items:center;padding:32px}.sidebar{display:flex;flex-direction:column;gap:18px;padding:26px 22px;background:#080d13b3;border-right:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.light .sidebar{background:#ffffffb8;border-right-color:#15203314}.brand-stack{display:grid;gap:10px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 8px 20px #00000038}.brand div{display:grid;gap:2px}.brand.large{align-items:flex-start}.brand.large img{width:48px;height:48px}.brand-eyebrow,.eyebrow,.sidebar-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.brand-title{font-size:22px;font-weight:800;letter-spacing:.01em}.sidebar-note{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.nav-stack{display:grid;gap:10px}.nav-button,.primary,.text-button,.icon-button,.bottom-nav-button,.actions button{min-height:44px;border:1px solid transparent;border-radius:14px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;background:#ffffff0d;color:var(--text);transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.light .nav-button,.light .primary,.light .text-button,.light .icon-button,.light .bottom-nav-button,.light .actions button{background:#1520330d}.nav-button:not(.active):hover,.text-button:hover,.icon-button:hover,.bottom-nav-button:not(.active):hover,.actions button:not(.primary):not(.text-button):hover{background:#ffffff1a;transform:translateY(-1px)}.light .nav-button:not(.active):hover,.light .text-button:hover,.light .icon-button:hover,.light .bottom-nav-button:not(.active):hover,.light .actions button:not(.primary):not(.text-button):hover{background:#15203314}.nav-button.active,.primary,.bottom-nav-button.active{color:#f8fbff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 30px #4e8dff3d}.nav-button.active:hover,.primary:hover,.bottom-nav-button.active:hover{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 34px #4e8dff47;transform:translateY(-1px)}.light .primary,.light .nav-button.active,.light .bottom-nav-button.active{color:#10264e;box-shadow:0 16px 30px #2c6bed2e}.light .primary:hover,.light .nav-button.active:hover,.light .bottom-nav-button.active:hover{color:#10264e;box-shadow:0 18px 34px #2c6bed38}.icon-button{width:44px;justify-content:center;padding:0}.icon-button.is-active{background:var(--accent-soft);border-color:#4e8dff57;color:var(--accent-strong)}.light .icon-button.is-active{border-color:#2c6bed57}.text-button{border:1px solid var(--border);background:#ffffff0a}.actions button:not(.primary):not(.text-button){border-color:var(--border);background:#ffffff0a}.light .text-button{background:#ffffffe0}.light .actions button:not(.primary):not(.text-button){background:#ffffffe0}.sidebar-profile{margin-top:auto;padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);display:grid;gap:6px}.light .sidebar-profile{background:linear-gradient(180deg,#fffffff0,#f6f9fdeb)}.sidebar-profile strong{font-size:16px}.workspace{min-width:0;padding:26px;display:grid;align-content:start;gap:18px;overflow-x:clip}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.topbar-main{width:min(100%,980px);justify-self:center;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:18px;align-items:center}.topbar-intro{display:grid;gap:6px;justify-items:end;text-align:right}.topbar-intro strong{font-size:26px;font-weight:800;line-height:1.1}.search{min-width:0;height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--border);border-radius:16px;background:#0f1723d6;box-shadow:inset 0 1px #ffffff08}.light .search{background:#fffffff0}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:14px;padding:0 13px;background:#0f1723e6;color:inherit;outline:0}.light input,.light select,.light textarea{background:#fffffff5}input:focus,select:focus,textarea:focus,.search:focus-within,button:focus-visible{outline:2px solid rgba(78,141,255,.42);outline-offset:0;border-color:#4e8dff6b}textarea{min-height:120px;padding:12px;resize:vertical}.search input{border:0;background:transparent;padding:0 10px;min-height:0}.topbar-tools{display:flex;align-items:center;gap:14px}.topbar.is-mobile .topbar-main{width:100%;justify-self:stretch;grid-template-columns:minmax(0,1fr)}.topbar.is-mobile .topbar-intro{justify-items:start;text-align:left}.topbar.is-mobile .topbar-tools{justify-content:space-between;align-items:center;flex-wrap:wrap}.profile-field{min-width:0;display:flex;align-items:center;gap:10px}.profile-field span{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.profile-select{min-width:180px}.utility-cluster{display:flex;gap:8px}.status-row{min-height:38px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status,.error,.offline{padding:9px 12px;border-radius:999px;font-size:13px}.status{background:#2c3c52e0;color:var(--muted-strong)}.error{background:var(--error-bg);color:var(--error-text)}.offline{background:var(--offline-bg);border:1px solid var(--offline-border);color:var(--offline-text)}.home-screen,.browse-screen,.manage-profiles-screen,.detail-page,.player-shell{display:grid;gap:22px;min-width:0}.stack{display:grid;gap:20px}.surface-panel{border:1px solid var(--border);border-radius:24px;padding:20px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),var(--panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0}.manage-profiles-intro,.manage-profile-form-panel,.manage-profile-card,.manage-profile-edit,.manage-library-checklist{display:grid;gap:16px}.manage-profiles-copy{margin:0;white-space:normal}.manage-profile-form,.manage-profile-edit{display:grid;gap:18px}.manage-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manage-profile-field{display:grid;gap:8px}.manage-profile-field span{color:var(--muted);font-size:13px;font-weight:700}.manage-profile-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.manage-profile-title-row h2{margin:0}.manage-library-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.manage-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.manage-library-card{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 10px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#ffffff09;transition:border-color .16s ease,background .16s ease,transform .16s ease}.manage-library-card:hover{transform:translateY(-1px);border-color:var(--border-strong)}.manage-library-card input{width:16px;min-height:auto;margin:0}.manage-library-card span{font-weight:700}.manage-library-card small{grid-column:2;color:var(--muted)}.manage-library-card.is-selected{border-color:#4e8dff5c;background:#4e8dff1a}.light .manage-library-card{background:#ffffffdb}.light .manage-library-card.is-selected{border-color:#2c6bed57;background:#2c6bed1f}.manage-library-card:not(label){grid-template-columns:minmax(0,1fr)}.manage-library-card:not(label) small{grid-column:1}.light .surface-panel{background:linear-gradient(180deg,#ffffffeb,#ffffffd1),var(--panel)}.light .hero-banner{background:radial-gradient(circle at top right,rgba(44,107,237,.16),transparent 24%),linear-gradient(120deg,#eef3fa,#e8eff8 58%,#eff5fb)}.hero-banner{position:relative;width:100%;max-width:100%;min-width:0;min-height:400px;overflow:hidden;border-radius:28px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:radial-gradient(circle at top right,rgba(127,169,255,.22),transparent 24%),linear-gradient(120deg,#111a27,#0c121a 58%,#0a0f15)}.hero-banner-empty{min-height:300px;display:grid;align-items:center}.hero-media,.hero-bg,.detail-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:88px;font-weight:800;color:#ffffff24}.light .hero-placeholder{color:#15203314}.hero-scrim,.detail-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#080b10eb,#080b10bd 46%,#080b103d),linear-gradient(180deg,#080b1000 40%,#080b1085)}.light .hero-scrim,.light .detail-scrim{background:linear-gradient(90deg,#f8fbfff2,#f8fbffc7 46%,#f8fbff3d),linear-gradient(180deg,#f8fbff00 40%,#f8fbff75)}.hero-content{position:relative;z-index:1;max-width:620px;min-width:0;height:100%;padding:34px;display:grid;align-content:end;gap:14px}.hero-content>*{min-width:0}.hero-content h1,.detail-copy h1,.player-top h1{margin:0;font-size:44px;line-height:1.02}.hero-meta,.detail-meta,.section-subtitle,.empty-state,.card-copy span,.auth-note,.auth-target,.player-loading-card span,.row span:last-child{color:var(--muted)}.hero-copy,.detail-description{margin:0;line-height:1.7;color:var(--muted-strong);max-width:58ch}.hero-progress,.detail-resume{display:grid;gap:8px;max-width:360px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.section-header,.panel-header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.section-header h2,.panel-header h2,.browse-intro h1{margin:0;font-size:28px}.section-meta{color:var(--muted);font-size:13px}.rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(188px,214px);gap:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;justify-content:start;align-items:start}.rail-track::-webkit-scrollbar{height:9px}.rail-track::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:20px}.browse-intro{display:grid;gap:12px;position:relative;z-index:20;overflow:visible}.browse-intro-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.browse-meta-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.browse-filters-desktop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.browse-filter-fields{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.filter-field{display:grid;gap:6px;position:relative}.filter-field>span{font-size:12px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.multi-select{position:relative;z-index:1}.filter-field select,.multi-select-trigger{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--border);padding:0 13px;background:#0f1723e6;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;line-height:1.2;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.filter-field select{appearance:none;padding-right:40px;box-shadow:inset 0 1px #ffffff08;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 1px),calc(100% - 12px) calc(50% - 1px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.filter-field select option{color:#0f1621}.light .filter-field select option{color:#152033}.light .filter-field select,.light .multi-select-trigger{background:#fffffff5}.multi-select-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text)}.multi-select-summary.is-placeholder{color:var(--muted)}.multi-select-caret{flex:0 0 auto;color:var(--muted);font-size:12px}.multi-select-trigger.is-open{border-color:#4e8dff6b}.multi-select-panel{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:80;display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#ffffff0d,#ffffff04),var(--panel-strong);box-shadow:var(--shadow-md);color:var(--text)}.light .multi-select-panel{background:linear-gradient(180deg,#fffffff5,#ffffffe6),var(--panel-strong)}.multi-select-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--muted-strong)}.multi-select-clear{min-height:0;padding:0;border:0;background:transparent;color:var(--accent-strong);font:inherit;cursor:pointer}.multi-select-options{display:grid;gap:8px;max-height:240px;overflow:auto;padding-right:4px}.multi-select-option{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease}.multi-select-option span{font-size:14px;color:var(--text);letter-spacing:normal;text-transform:none}.filter-select-option{justify-content:space-between;width:100%;background:transparent;text-align:left}.filter-select-check{flex:0 0 auto;color:var(--accent-strong)}.multi-select-option:hover,.multi-select-option.is-selected{background:#ffffff0d;border-color:#ffffff14}.light .multi-select-option:hover,.light .multi-select-option.is-selected{background:#1520330d;border-color:#15203314}.multi-select-option input{appearance:auto;flex:0 0 auto;width:16px;min-height:16px;height:16px;margin:0;padding:0;border-radius:4px;background:transparent;accent-color:var(--accent)}.browse-clear-button{justify-self:end}.browse-clear-mobile,.mobile-filter-trigger{display:none}.mobile-filter-trigger.is-active{border-color:#4e8dff57;background:var(--accent-soft);color:var(--accent-strong)}.active-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-drawer-backdrop{position:fixed;inset:0;z-index:55;background:#05090e9e;display:grid;align-items:end;padding:16px}.filter-drawer{width:min(100%,760px);margin:0 auto;display:grid;gap:18px;padding:20px;border-radius:24px 24px 18px 18px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#ffffff0d,#ffffff04),var(--panel-strong);box-shadow:var(--shadow-lg)}.light .filter-drawer{background:linear-gradient(180deg,#fffffff0,#ffffffe0),var(--panel-strong)}.filter-drawer-head,.filter-drawer-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.filter-drawer-body{min-height:0}.filter-drawer-title{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.filter-drawer-actions .primary{justify-content:center}.active-filter-chips span,.auth-badges span,.chips span,.meta-pill{border-radius:999px;border:1px solid var(--border);background:#ffffff0a;padding:6px 10px;font-size:12px;color:var(--muted-strong)}.media-card{position:relative;min-width:0;display:grid;gap:10px;background:transparent;text-align:left;overflow:visible;isolation:isolate;z-index:0;cursor:pointer;transition:transform .18s ease}.media-card:hover,.media-card:focus-within,.media-card.menu-open{z-index:12}.media-card:hover,.media-card:focus-within{transform:translateY(-4px)}.poster{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#283445,#17202c);box-shadow:0 18px 34px #00000042;transform-origin:center bottom;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:grid;place-items:center;font-size:30px;font-weight:800}.media-card:hover .poster,.media-card:focus-within .poster{transform:translateY(-4px) scale(1.01);border-color:#4e8dff52;box-shadow:0 24px 40px #00000057}.poster img,.detail-poster img{width:100%;height:100%;object-fit:cover}.poster-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,15,.08),transparent 34%,rgba(7,10,15,.78) 100%);transition:background .18s ease}.poster-footer{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:14px 14px 12px;display:flex;justify-content:space-between;gap:10px;align-items:end;color:#fff}.poster-footer span{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.poster-kicker-button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .16s ease,transform .16s ease}.poster-kicker-button:hover,.poster-kicker-button:focus-visible{color:var(--accent-strong);transform:translate(2px)}.card-watch-badge{position:absolute;top:10px;left:10px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:999px}.card-watch-badge.is-watched{background:#0c0f14f0;color:#fff;border:1px solid rgba(255,255,255,.12)}.card-menu-button{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;min-height:34px;padding:0;display:grid;place-items:center;border-radius:999px;background:#0c0f14c7;color:#fff;opacity:0;pointer-events:none;transform:translateY(-2px);line-height:0}.light .card-menu-button{background:#fffffff0;color:#141922}.card-menu-button svg{display:block}.media-card:hover .card-menu-button,.media-card:focus-within .card-menu-button,.media-card.menu-open .card-menu-button,.card-menu-button[aria-expanded=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.card-menu{position:absolute;z-index:4;min-width:220px;display:grid;gap:4px;padding:8px;border-radius:16px;background:#111721fa;border:1px solid var(--border-strong);box-shadow:var(--shadow-md);font-size:13px}.light .card-menu{background:#fffffffa}.card-menu.menu-right{top:10px;left:calc(100% + 10px)}.card-menu.menu-left{top:0;right:calc(100% + 10px)}.card-menu.menu-below{top:44px;right:0}.card-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;border-radius:10px;justify-content:flex-start;background:transparent;text-align:left;white-space:nowrap}.card-menu button:hover{background:#ffffff14}.light .card-menu button:hover{background:#1520330f}.card-copy{display:grid;gap:6px}.card-copy strong{font-size:15px;line-height:1.3}.card-copy strong,.card-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy span{font-size:12px}.media-card:hover .card-copy strong,.media-card:focus-within .card-copy strong{color:var(--accent-strong)}.resume-meta{display:grid;gap:6px}.resume-meta span{font-size:11px;color:var(--muted-strong)}.resume-bar{width:100%;height:6px;border-radius:999px;overflow:hidden;background:#7086a538}.resume-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.empty-panel,.shelf-empty{display:grid;place-items:center;min-height:120px}.empty-state{margin:0;font-size:14px;line-height:1.6}.auth-panel{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:22px;padding:24px;border-radius:28px;border:1px solid var(--border-strong);background:radial-gradient(circle at top right,rgba(127,169,255,.16),transparent 24%),radial-gradient(circle at 18% 16%,rgba(78,141,255,.16),transparent 20%),#0b1119eb;box-shadow:var(--shadow-lg)}.light .auth-panel{background:radial-gradient(circle at top right,rgba(44,107,237,.12),transparent 24%),radial-gradient(circle at 18% 16%,rgba(44,107,237,.12),transparent 20%),#fffffff5}.auth-visual{border-radius:22px;padding:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);display:grid;align-content:start;gap:18px}.light .auth-visual{background:linear-gradient(180deg,#ffffffe0,#f8fbffb3)}.auth-visual h1{margin:0;font-size:44px;line-height:1.02}.auth-badges{display:flex;flex-wrap:wrap;gap:8px}.auth-badges span,.auth-visual,.auth-form{min-width:0}.light .active-filter-chips span,.light .auth-badges span,.light .chips span,.light .meta-pill{background:#ffffffbd}.auth-target{display:grid;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#0f1723d6}.light .auth-target{background:#ffffffeb}.auth-target strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.auth-form{border-radius:22px;padding:24px;border:1px solid var(--border);background:#ffffff08;display:grid;align-content:center;gap:14px}.light .auth-form{background:#ffffffe0}.auth-field{display:grid;gap:6px}.auth-field span{color:var(--muted);font-size:13px}.auth-check{display:inline-flex;align-items:center;gap:10px;color:var(--muted-strong);font-size:14px}.auth-check input{width:16px;min-height:auto;margin:0}.auth-submit{justify-content:center}.auth-feedback{display:grid;gap:10px}.detail-back{justify-self:start}.detail-hero{position:relative;min-height:420px;overflow:hidden;border-radius:28px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#101925,#0b1118)}.light .detail-hero{background:linear-gradient(135deg,#edf3fb,#f8fbff)}.detail-backdrop-empty{background:linear-gradient(135deg,#142031,#0b1118)}.light .detail-backdrop-empty{background:linear-gradient(135deg,#dfe9f7,#f8fbff)}.detail-hero-content{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:end;padding:30px}.detail-poster{width:220px;aspect-ratio:2 / 3;border-radius:20px;overflow:hidden;box-shadow:0 22px 42px #00000057}.detail-copy{display:grid;align-content:end;gap:14px}.detail-kicker-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:20px}.row{min-height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.row.compact{min-height:auto;border:0;padding:0}.file-panel{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.track-list{display:flex;flex-wrap:wrap;gap:8px}.track-list span{border-radius:12px;border:1px solid var(--border);padding:6px 9px;color:var(--muted);font-size:12px;background:#ffffff08}.light .track-list span{background:#ffffffd1}.player-shell{border:1px solid var(--border);border-radius:28px;padding:22px;background:linear-gradient(180deg,#121924f0,#0c121bf5);box-shadow:var(--shadow-lg)}.light .player-shell{background:linear-gradient(180deg,#fffffff5,#f4f7fcf5)}.player-top{display:flex;justify-content:space-between;gap:18px;align-items:end}.player-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.player-frame{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:#000}.player-frame video{width:100%;max-height:72vh;background:#000;display:block}.player-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0000009e}.light .player-loading{background:#ecf2f9bd}.player-loading-card{min-width:220px;max-width:320px;padding:18px;border-radius:18px;background:#0b1119eb;border:1px solid rgba(255,255,255,.12);display:grid;gap:6px;text-align:center}.light .player-loading-card{background:#fffffff5;border-color:#1520331a}.player-loading-card strong{font-size:15px}.player-error{justify-self:start}.bottom-nav{display:none}.search-sheet-backdrop{position:fixed;inset:0;z-index:70;background:linear-gradient(180deg,#070b10fa,#090d12fe),var(--bg);padding:calc(16px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.light .search-sheet-backdrop{background:linear-gradient(180deg,#f4f8fcfa,#eef3f9fe),var(--bg)}.search-sheet{width:min(100%,980px);height:100%;margin:0 auto;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;overflow:hidden}.search-sheet-head{display:flex;justify-content:space-between;gap:14px;align-items:start;position:relative;z-index:3}.search-sheet-head h2{margin:0;font-size:30px;line-height:1.08}.search-sheet-form{height:54px;position:relative;z-index:3}.search-sheet-status{min-height:0;position:relative;z-index:3}.search-sheet-results{min-height:0;overflow:auto;position:relative;z-index:1;border-top:1px solid var(--border);padding-top:14px;padding-bottom:6px}.search-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-sheet-empty{min-height:180px;align-content:center}@media(max-width:1180px){.topbar{grid-template-columns:minmax(0,1fr)}.topbar-main{order:1;width:100%;grid-template-columns:minmax(0,1fr)}.topbar-intro{order:2;justify-items:start;text-align:left}.topbar-main>.search{order:3}.topbar-tools{order:4;justify-content:space-between}.detail-content-grid{grid-template-columns:1fr}.browse-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.card-menu.menu-right,.card-menu.menu-left{top:46px;left:auto;right:0}.detail-hero-content{grid-template-columns:180px minmax(0,1fr)}.detail-poster{width:180px}.hero-content h1,.detail-copy h1,.player-top h1,.auth-visual h1{font-size:36px}.browse-filters-desktop{grid-template-columns:1fr}.browse-clear-button{justify-self:start}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:18px 18px calc(108px + env(safe-area-inset-bottom))}.topbar{gap:14px}.topbar.is-mobile{grid-template-columns:minmax(0,1fr)}.topbar.is-mobile .topbar-tools{gap:12px}.topbar.is-mobile .profile-field{flex:1 1 auto;min-width:0;justify-content:space-between}.topbar.is-mobile .profile-select{min-width:0;flex:1 1 auto}.utility-cluster{justify-content:flex-end;gap:6px}.utility-cluster .icon-button{width:40px;min-height:40px}.auth-panel{grid-template-columns:1fr}.mobile-filter-trigger,.browse-clear-mobile{display:inline-flex}.browse-filters-desktop{display:none}.browse-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-drawer-backdrop{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.filter-drawer{width:100%;max-height:min(82vh,760px);grid-template-rows:auto minmax(0,1fr) auto}.filter-drawer-body{overflow:auto;padding-right:4px}.filter-drawer .multi-select-panel{position:static;inset:auto;margin-top:8px}.detail-hero{min-height:0}.detail-hero-content{grid-template-columns:1fr;padding:22px;gap:18px}.detail-poster{width:150px}.hero-banner{min-height:332px}.hero-content{max-width:100%;padding:24px;gap:12px}.hero-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-actions>*{flex:1 1 calc(50% - 10px);justify-content:center;min-width:0}.surface-panel{border-radius:20px;padding:18px}.manage-profile-grid,.manage-library-grid{grid-template-columns:1fr}.rail-track{grid-auto-columns:156px;gap:14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-card:hover,.media-card:focus-within{transform:none}.media-card:hover .poster,.media-card:focus-within .poster{transform:none;box-shadow:0 18px 34px #00000042}.card-watch-badge{top:12px;left:12px}.card-menu-button{opacity:1;pointer-events:auto;transform:none}.poster-footer{padding-right:54px}.card-menu.menu-below{top:48px;right:0;left:auto}.bottom-nav{position:fixed;inset-inline:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:20px;border:1px solid var(--border);background:#080d13d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.light .bottom-nav{background:#ffffffe6}.bottom-nav-button{min-height:58px;flex-direction:column;justify-content:center;gap:4px;padding:8px 6px;border-radius:14px;font-size:12px}.bottom-nav-button span{font-size:11px}}@media(max-width:640px){.auth-screen{padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.auth-panel,.auth-form,.auth-visual,.surface-panel,.player-shell{padding:16px}.hero-content,.detail-hero-content{padding:18px}.topbar.is-mobile .topbar-tools{align-items:stretch}.topbar.is-mobile .profile-field{min-width:0}.topbar.is-mobile .profile-field span{display:none}.topbar.is-mobile .profile-select{min-width:0}.auth-badges{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start}.topbar-intro strong{font-size:22px}.browse-intro-head,.filter-drawer-head,.filter-drawer-actions{align-items:center;flex-direction:row}.browse-filter-fields{grid-template-columns:1fr}.manage-library-head,.manage-profile-title-row{align-items:flex-start;flex-direction:column}.hero-content h1,.detail-copy h1,.player-top h1,.auth-visual h1{font-size:28px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rail-track{grid-auto-columns:148px}.hero-banner{min-height:300px}.hero-actions>*{flex:1 1 100%}.detail-actions{display:grid;grid-template-columns:1fr}.detail-actions button{justify-content:center}.row:not(.compact){align-items:flex-start;flex-direction:column}.player-top{flex-direction:column;align-items:flex-start}.player-top .text-button{justify-content:center}.player-frame{border-radius:16px}.player-loading-card{min-width:0;max-width:280px;padding:16px}.search-sheet{gap:12px}.search-sheet-head{align-items:center}.search-sheet-head h2{font-size:26px}.search-sheet-form{height:50px}.search-sheet-grid{gap:14px}.card-menu{min-width:210px}}