*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:root{color-scheme:dark;--font-display: "Trebuchet MS", "Segoe UI", sans-serif;--font-body: Inter, ui-sans-serif, system-ui, sans-serif;--color-bg: #101018;--color-surface: #191925;--color-surface-raised: #222234;--color-text: #f7f5ff;--color-muted: #aaa8bd;--color-border: #34334a;--color-primary: #c7ff4a;--color-primary-ink: #172000;--color-secondary: #8d7aff;--color-success: #72e2a0;--color-danger: #ff8b9e;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--shadow-card: 0 1rem 3rem rgb(0 0 0 / 22%)}:root[data-theme]{color-scheme:light;--color-bg: #f5f4f9;--color-surface: #ffffff;--color-surface-raised: #eeecf5;--color-text: #1e1d2b;--color-muted: #656276;--color-border: #d8d5e3;--color-primary-ink: #253000;--shadow-card: 0 1rem 3rem rgb(44 38 75 / 10%)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5;transition:background-color .18s ease,color .18s ease}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em}h1{font-size:clamp(2.5rem,7vw,5.75rem);line-height:.98;max-width:11ch}h1 span{color:var(--color-primary)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}.muted{color:var(--color-muted)}.eyebrow{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}html,body{height:100%}body{overflow:hidden}button,input{touch-action:manipulation}.app-shell{display:grid;height:100vh;grid-template-columns:15rem minmax(0,1fr);overflow:hidden}.app-shell.sidebar-is-collapsed{grid-template-columns:4.5rem minmax(0,1fr)}.app-content{height:100vh;min-width:0;overflow-y:auto}.shell{margin:0 auto;max-width:84rem;padding:var(--space-5);width:100%}.shell.explore-shell{max-width:none}.topbar,.section-heading,.card-footer,.button-row{align-items:center;display:flex;gap:var(--space-3)}.topbar,.section-heading{justify-content:space-between}.topbar{background:color-mix(in srgb,var(--color-bg) 88%,transparent);border-bottom:1px solid var(--color-border);gap:var(--space-4);min-height:4.5rem;padding:var(--space-3) var(--space-5);position:sticky;top:0;z-index:5}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--space-5) var(--space-3);scrollbar-color:var(--color-border) transparent;scrollbar-width:thin;transition:width .18s ease}.sidebar-overlay{display:none}.sidebar-brand{padding:0 var(--space-2) var(--space-6)}.sidebar-nav{display:grid;gap:var(--space-2)}.nav-heading{color:var(--color-muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;margin:var(--space-4) var(--space-3) var(--space-1);text-transform:uppercase}.nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-muted);display:flex;gap:var(--space-3);padding:.7rem var(--space-3)}.sidebar-icon{flex:0 0 24px;height:24px;width:24px}.nav-link:hover,.nav-link.is-active{background:var(--color-surface-raised);color:var(--color-text)}.nav-link-disabled{cursor:not-allowed;opacity:.62}.nav-link-disabled:hover{background:transparent;color:var(--color-muted)}.nav-link.is-active{box-shadow:inset 3px 0 var(--color-primary)}.sidebar-collapsed{width:4.5rem}.sidebar-collapsed .sidebar-label{display:none}.sidebar-collapsed .nav-link{justify-content:center}.mobile-brand{display:none}.topbar-actions{align-items:center;display:flex;gap:var(--space-2)}.search-field{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:flex;gap:var(--space-2);margin:0 auto;max-width:32rem;padding:0 var(--space-4);width:100%}.search-field input{background:transparent;border:0;color:var(--color-text);min-width:0;outline:0;padding:.7rem 0;width:100%}.brand{align-items:center;display:inline-flex;font-family:var(--font-display);font-size:1.35rem;font-weight:800;gap:var(--space-2)}.brand-mark{display:block;flex:0 0 2rem;height:2rem;object-fit:contain;width:2rem}.avatar-button,.icon-button{border:1px solid var(--color-border);cursor:pointer}.avatar-button{background:var(--color-secondary);border-radius:50%;color:#fff;font-size:.72rem;font-weight:800;height:2.25rem;width:2.25rem}.icon-button{background:transparent;border-radius:var(--radius-sm);color:var(--color-text);font-size:1.2rem;padding:.45rem .65rem}.hero-panel{background:linear-gradient(120deg,var(--color-surface),var(--color-surface-raised));border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:clamp(var(--space-6),8vw,var(--space-8));position:relative}.hero-panel:after{background:var(--color-secondary);border-radius:50%;content:"";filter:blur(80px);height:14rem;opacity:.3;position:absolute;right:4%;top:10%;width:14rem}.hero-copy{color:var(--color-muted);font-size:1.1rem;margin:var(--space-4) 0 var(--space-5);max-width:34rem}.showcase{padding:var(--space-8) 0}.showcase-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-top:var(--space-5)}.button{border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:800;padding:.7rem 1.1rem;transition:transform .15s ease,background-color .15s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-primary);color:var(--color-primary-ink)}.button-secondary{background:var(--color-secondary);color:#fff}.button-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.card-content{padding:var(--space-4)}.card-content-only{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.poster-placeholder{align-items:center;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:var(--color-primary-ink);display:flex;font-family:var(--font-display);font-size:2rem;font-weight:800;justify-content:center}.card-meta,.rating{color:var(--color-muted);font-size:.8rem}.card-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.card h3{margin-bottom:var(--space-2)}.card-footer{justify-content:space-between;margin-top:var(--space-4)}.rating{color:var(--color-primary);font-weight:800}.badge{background:var(--color-surface-raised);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.72rem;font-weight:800;padding:.35rem .65rem}.badge-accent{background:var(--color-primary);color:var(--color-primary-ink)}.field-label{font-size:.8rem;font-weight:800}.input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.75rem;width:100%}.input:focus{border-color:var(--color-primary);outline:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.state{border-radius:var(--radius-sm);font-size:.85rem;padding:var(--space-3)}.state-loading{background:var(--color-surface-raised);color:var(--color-muted)}.state-success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.state-empty{background:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}.state-stack{display:grid;gap:var(--space-2)}.state-loading{display:none}.state-loading.is-visible{display:block}.spinner{border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;height:.85rem;margin-right:var(--space-2);vertical-align:-.1rem;width:.85rem}.toast{background:var(--color-text);border-radius:var(--radius-sm);bottom:var(--space-5);color:var(--color-bg);opacity:0;padding:var(--space-3) var(--space-4);pointer-events:none;position:fixed;right:var(--space-5);transform:translateY(1rem);transition:opacity .18s ease,transform .18s ease}.toast-visible{opacity:1;transform:translateY(0)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text);max-width:min(32rem,calc(100% - 2rem));padding:var(--space-5);width:100%}.modal::backdrop{background:#05050ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.section-heading h2{margin-top:var(--space-2)}.explore-page{padding-bottom:var(--space-8)}.explore-hero{align-items:stretch;display:grid;gap:var(--space-5);grid-template-columns:minmax(20rem,.45fr) minmax(0,.55fr)}.explore-intro{background:linear-gradient(145deg,#222234b8,#1010182e 78%),radial-gradient(circle at 85% 18%,rgb(199 255 74 / 12%),transparent 30%);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:28rem;padding:clamp(var(--space-5),4vw,var(--space-8));position:relative}.explore-intro .eyebrow{margin-bottom:var(--space-4);position:relative;z-index:1}.explore-intro:after{background:var(--color-primary);border-radius:50%;bottom:12%;content:"";filter:blur(70px);height:7rem;opacity:.12;pointer-events:none;position:absolute;right:8%;width:7rem}.explore-intro h1{font-family:var(--font-display);font-size:clamp(2.5rem,4.2vw,5rem);font-weight:700;letter-spacing:-.055em;line-height:.94;max-width:9ch;position:relative;z-index:1}.explore-intro h1 span{display:block}.explore-intro .hero-copy{color:var(--color-muted);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.65;margin:var(--space-6) 0 0;max-width:23rem;position:relative;z-index:1}.featured-media{border:1px solid var(--color-border);border-radius:var(--radius-lg);isolation:isolate;min-height:24rem;overflow:hidden;position:relative}.featured-media-background{background-color:var(--color-surface-raised);background-image:linear-gradient(90deg,var(--color-bg) 0%,rgb(16 16 24 / 68%) 45%,rgb(16 16 24 / 20%) 100%),var(--featured-image);background-position:center;background-size:cover;inset:0;position:absolute;z-index:-1}[data-theme] .featured-media-background{background-image:linear-gradient(90deg,var(--color-bg) 0%,rgb(245 244 249 / 78%) 46%,rgb(245 244 249 / 25%) 100%),var(--featured-image)}.featured-media-content{display:flex;flex-direction:column;justify-content:flex-end;max-width:34rem;min-height:28rem;padding:clamp(var(--space-5),6vw,var(--space-8))}.featured-media-content h2{font-size:clamp(2rem,5vw,4rem);margin:var(--space-2) 0 var(--space-3)}.featured-media-content>p:not(.eyebrow){color:var(--color-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.featured-meta{align-items:center;display:flex;gap:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.explore-sections{display:grid;gap:var(--space-7);padding-top:var(--space-8)}.media-section .section-heading{margin-bottom:var(--space-4)}.section-status{color:var(--color-muted);font-size:.8rem}.media-row-shell{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto}.media-row{display:grid;gap:var(--space-5);grid-auto-columns:calc((100% - 7.5rem) / 6);grid-auto-flow:column;grid-template-rows:1fr;overflow-x:auto;overscroll-behavior-inline:contain;padding:.25rem .25rem var(--space-3);scrollbar-width:thin}.row-control{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:2rem;height:2.5rem;justify-content:center;line-height:1;padding:0 0 .2rem;transition:background-color .16s ease,color .16s ease,opacity .16s ease;width:2.5rem}.row-control:hover:not(:disabled){background:var(--color-primary);color:var(--color-primary-ink)}.row-control:disabled{cursor:default;opacity:.3}.page-placeholder{margin-top:var(--space-8)}.media-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);min-width:0;overflow:hidden;transition:border-color .16s ease,transform .16s ease}.media-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.media-card-poster{aspect-ratio:2 / 3;background:var(--color-surface-raised);overflow:hidden;position:relative}.media-card-poster img{height:100%;object-fit:cover;width:100%}.media-card-fallback{align-items:center;color:var(--color-muted);display:flex;height:100%;justify-content:center}.media-card-type{background:#101018c7;border-radius:999px;bottom:var(--space-2);color:#fff;font-size:.62rem;font-weight:800;left:var(--space-2);padding:.25rem .4rem;position:absolute}.media-card-content{padding:var(--space-3)}.media-card-content h3{font-family:var(--font-body);font-size:.95rem;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-meta{color:var(--color-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:var(--space-2)}.media-rating{color:var(--color-primary);font-weight:800}.media-card-skeleton{border:0;box-shadow:none}.skeleton-poster,.skeleton-line{animation:skeleton-pulse 1.4s ease-in-out infinite;background:var(--color-surface-raised);border-radius:var(--radius-sm)}.skeleton-poster{aspect-ratio:2 / 3}.skeleton-line{height:.7rem;margin:var(--space-3) var(--space-2) 0}.skeleton-line-title{width:75%}.explore-state{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);display:flex;gap:var(--space-4);justify-content:space-between;min-height:8rem;padding:var(--space-5)}.explore-state-error{border-color:color-mix(in srgb,var(--color-danger) 55%,var(--color-border))}.media-row-shell .explore-state{grid-column:1 / -1}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:800px){html,body{max-width:100%;overflow-x:hidden}body{overflow:auto}.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.app-content{height:auto;overflow:visible}.sidebar{bottom:0;height:auto;box-shadow:var(--shadow-card);left:0;max-width:17rem;overflow-y:auto;position:fixed;top:0;transform:translate(-100%);transition:transform .18s ease;width:82%;z-index:10}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-overlay{background:#00000085;border:0;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;width:100%;z-index:9}.sidebar-overlay-visible{opacity:1;pointer-events:auto}.mobile-brand{display:inline-flex}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-3) var(--space-4)}.topbar .search-field{grid-column:1 / -1;margin:0;max-width:none;order:2}.topbar-actions{justify-content:flex-end;min-width:0}.topbar .button-ghost{font-size:0;padding:.65rem}.topbar-auth-action{display:none}.topbar .button-ghost:before{content:"☼";font-size:1rem}.showcase-grid,.explore-hero{grid-template-columns:1fr}.explore-intro{min-height:20rem}.media-row{gap:var(--space-4);grid-auto-columns:minmax(9rem,28vw);scrollbar-width:auto}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.shell{padding:var(--space-4)}.topbar{gap:var(--space-3);margin-bottom:var(--space-4)}.button-row{align-items:stretch;flex-direction:column}.featured-media,.featured-media-content{min-height:26rem}.explore-intro{min-height:22rem;padding:var(--space-5)}.explore-intro h1{font-size:clamp(2.35rem,12vw,3.6rem)}.featured-media-content{padding:var(--space-5)}.media-row{gap:var(--space-4);grid-auto-columns:minmax(8.5rem,42vw)}.media-row-shell{gap:var(--space-2)}.row-control{height:2.75rem;width:2.75rem}}@media(max-width:360px){.shell{padding:var(--space-3)}.topbar{padding-inline:var(--space-3)}.mobile-brand{font-size:1.1rem}.brand-mark{height:1.75rem;width:1.75rem}.explore-intro h1{font-size:2.2rem}.featured-media,.featured-media-content{min-height:24rem}}