@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--bg: #000000;--bg-soft: #0a0a0a;--bg-card: #111111;--bg-elevated: #1a1a1a;--fg: #f0e8d4;--fg-strong: #fffaef;--fg-dim: #8a8275;--fg-mute: #4a4540;--gold: #d4af37;--gold-bright: #e8c878;--gold-deep: #a8842c;--gold-soft: rgba(212, 175, 55, .08);--gold-medium: rgba(212, 175, 55, .15);--line: rgba(255, 255, 255, .06);--line-soft: rgba(255, 255, 255, .04);--line-strong: rgba(255, 255, 255, .12);--line-gold: rgba(212, 175, 55, .2);--success: #4ade80;--warning: #f5b541;--danger: #ef4444;--info: #60a5fa;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-arabic: "Amiri", "Reem Kufi", "Noto Naskh Arabic", serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--text-4xl: 56px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-gold: 0 0 24px rgba(212, 175, 55, .18);--t-fast: .15s;--t-base: .25s;--t-slow: .4s;--ease: cubic-bezier(.2, .8, .2, 1);--container: 1280px;--container-narrow: 720px;--header-h: 64px;--header-h-mobile: 56px;--z-base: 1;--z-elevated: 10;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root{--bp-sm: 480;--bp-md: 768;--bp-lg: 1024;--bp-xl: 1280}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea{background:none;border:none;outline:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}ul,ol{list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none}#root,#app{isolation:isolate}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.5;background:var(--bg);color:var(--fg);overflow-x:hidden}::selection{background:var(--gold);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) var(--bg-soft)}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--gold);transition:color var(--t-fast)}a:hover{color:var(--gold-bright)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}@media (max-width: 768px){.container{padding-inline:var(--space-4)}}.container-narrow{max-width:var(--container-narrow)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#08080cd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--line-soft);height:var(--header-h);padding-top:var(--safe-top);transition:background var(--t-fast),border-bottom-color var(--t-fast)}body.is-home .header:not(.is-scrolled){background:#08080c8c;border-bottom-color:#ffffff14;box-shadow:0 0 32px #00000080}body.is-home .header:not(.is-scrolled) .nav-desktop a,body.is-home .header:not(.is-scrolled) .brand-text-arabic,body.is-home .header:not(.is-scrolled) .brand-text-by{text-shadow:0 1px 4px rgba(0,0,0,.85)}body.is-home .header:not(.is-scrolled) .brand-text-line1{filter:drop-shadow(0 0 12px rgba(212,175,55,.4)) drop-shadow(0 1px 3px rgba(0,0,0,.85))}body.is-home:has(.view-home.is-searching) .header{background:#08080cd9;border-bottom-color:var(--line-soft)}.header.is-scrolled{background:#08080cd9;border-bottom-color:var(--line-soft)}@media (max-width: 768px){.header{height:var(--header-h-mobile)}}.header-inner{height:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6);display:flex;align-items:center;gap:var(--space-6)}@media (max-width: 768px){.header-inner{padding-inline:var(--space-4);gap:var(--space-3)}}.brand{display:flex;align-items:center;gap:var(--space-3);margin-right:auto;flex-shrink:0;text-decoration:none}.brand-text{display:flex;flex-direction:column;line-height:1;gap:2px}.brand-text-line1{font-size:22px;font-weight:700;color:var(--gold-bright);letter-spacing:.04em;line-height:1;font-family:var(--font-display, inherit);background:linear-gradient(135deg,#f5d27e,#d4af37,#a07a1f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(212,175,55,.25))}.brand-text-line2{display:flex;align-items:baseline;gap:6px;line-height:1}.brand-text-arabic{font-size:11px;font-weight:500;color:var(--gold-deep);letter-spacing:.22em;text-transform:uppercase;line-height:1}.brand-text-by{font-size:9px;font-weight:400;color:var(--fg-mute);letter-spacing:.12em;line-height:1;opacity:.7}.brand:hover .brand-text-line1{filter:drop-shadow(0 0 14px rgba(212,175,55,.5))}@media (max-width: 480px){.brand-text-line1{font-size:18px}.brand-text-arabic{font-size:9px;letter-spacing:.16em}.brand-text-by{display:none}}.nav-desktop{display:flex;gap:2px;align-items:center}.nav-desktop a{padding:8px 14px;font-size:var(--text-sm);font-weight:500;color:var(--fg-dim);border-radius:var(--radius);transition:all var(--t-fast);text-decoration:none}.nav-desktop a:hover{color:var(--fg);background:#ffffff0a}.nav-desktop a.active{color:var(--gold);background:var(--gold-soft)}@media (max-width: 768px){.nav-desktop{display:none}}.header-actions{display:flex;gap:4px;align-items:center}.icon-btn{width:38px;height:38px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-dim);transition:all var(--t-fast);border:none;background:none;cursor:pointer;position:relative}.icon-btn:hover{color:var(--gold);background:var(--gold-soft)}.icon-btn:active{transform:scale(.95)}.icon-btn svg{width:18px;height:18px}.btn-menu{display:none}@media (max-width: 768px){.btn-menu{display:inline-flex}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--t-base)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(80vw,320px);background:var(--bg);border-left:1px solid var(--line);z-index:calc(var(--z-modal) + 1);transform:translate(100%);transition:transform var(--t-base) var(--ease);display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-right:var(--safe-right)}.drawer.open{transform:translate(0);box-shadow:-12px 0 40px #0009}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--line);height:var(--header-h-mobile)}.drawer-title{font-size:var(--text-md);font-weight:600;color:var(--gold)}.drawer-nav{display:flex;flex-direction:column;padding:var(--space-2) var(--space-2);gap:2px}.drawer-nav a{padding:14px var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--fg);border-radius:var(--radius);text-decoration:none;transition:all var(--t-fast)}.drawer-action{padding:14px var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--fg);border-radius:var(--radius);background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;transition:all var(--t-fast);display:block;width:100%}.drawer-action:hover{background:var(--gold-soft);color:var(--gold)}.drawer-nav a:hover,.drawer-nav a:focus-visible{background:var(--gold-soft);color:var(--gold)}.drawer-nav a.active{color:var(--gold);background:var(--gold-soft)}.hero-banner{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-top:calc(var(--header-h) * -1);margin-bottom:0;aspect-ratio:2816 / 1536;max-height:520px;overflow:hidden;background-image:url(/images/cilima-hero-banner.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#b8a07c}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 75%,rgba(8,8,12,.6) 100%);pointer-events:none}@media (max-width: 768px){.hero-banner{margin-top:calc(var(--header-h-mobile) * -1)}}@media (max-width: 1024px){.hero-banner{max-height:380px}}@media (max-width: 640px){.hero-banner{aspect-ratio:16 / 10;max-height:280px}}@media (max-width: 480px){.hero-banner{aspect-ratio:4 / 3;max-height:220px}}.hero-search-zone{padding:var(--space-5) var(--space-4) var(--space-2);display:flex;justify-content:center}.hero-search-wrapper{width:100%;max-width:640px}@media (max-width: 480px){.hero-search-zone{padding:var(--space-3) var(--space-3) var(--space-2)}}.view-home.is-searching .hero-banner,.view-home.is-searching .shelves{display:none}.view-home:not(.is-searching) .search-results{display:none}.view-home.is-searching .hero-search-zone{position:sticky;top:var(--header-h);z-index:5;background:var(--bg);padding-top:var(--space-4);padding-bottom:var(--space-4);box-shadow:0 8px 16px -8px #00000080}@media (max-width: 768px){.view-home.is-searching .hero-search-zone{top:var(--header-h-mobile)}}.view-home.is-searching{scroll-padding-top:calc(var(--header-h) + 80px)}.about-banner{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-top:calc(var(--space-6) * -1);margin-bottom:var(--space-6);aspect-ratio:2816 / 1536;max-height:420px;overflow:hidden;background-image:url(/images/cilima-hero-banner.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#b8a07c;border-radius:var(--radius)}@media (max-width: 768px){.about-banner{aspect-ratio:16 / 10;max-height:280px;margin-top:calc(var(--space-4) * -1)}}.search-bar{max-width:640px;margin:0 auto;background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:5px;display:flex;align-items:center;gap:var(--space-2);transition:all var(--t-base);position:relative}.search-bar:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3714,0 0 24px #d4af370d}.search-bar-icon{color:var(--fg-dim);margin-left:var(--space-3);flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.search-bar-icon svg{width:18px;height:18px}.search-bar input{flex:1;padding:12px 4px;font-size:var(--text-base);color:var(--fg);background:transparent;border:none;outline:none;min-width:0}.search-bar input::placeholder{color:var(--fg-mute)}.search-bar-clear{width:32px;height:32px;border-radius:var(--radius);display:none;align-items:center;justify-content:center;color:var(--fg-dim);cursor:pointer;background:none;border:none;transition:color var(--t-fast)}.search-bar-clear svg{width:16px;height:16px}.search-bar-clear.visible{display:inline-flex}.search-bar-clear:hover{color:var(--fg)}.search-bar-loader{width:32px;height:32px;display:none;align-items:center;justify-content:center;color:var(--gold)}.search-bar-loader.visible{display:inline-flex}.search-bar-loader svg{width:18px;height:18px;animation:spin 1s linear infinite}@media (max-width: 480px){.search-bar{border-radius:var(--radius)}.search-bar input{font-size:var(--text-base);padding:10px 4px}}.search-results{max-width:var(--container);margin:0 auto;padding:var(--space-8) var(--space-6);min-height:200px}@media (max-width: 768px){.search-results{padding:var(--space-6) var(--space-4)}}.search-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--fg-dim)}.search-empty-icon{width:64px;height:64px;color:var(--fg-mute);margin:0 auto var(--space-4)}.search-empty-text{font-size:var(--text-md);color:var(--fg-dim)}.search-no-results{text-align:center;padding:var(--space-12) var(--space-4)}.search-no-results-title{font-size:var(--text-lg);font-weight:600;color:var(--fg);margin-bottom:var(--space-2)}.search-no-results-hint{color:var(--fg-dim);font-size:var(--text-sm)}.search-no-results-query{color:var(--gold);font-style:italic}.search-error{text-align:center;padding:var(--space-10) var(--space-4);color:var(--danger)}.search-error-icon{width:48px;height:48px;margin:0 auto var(--space-4)}.search-error-msg{font-size:var(--text-sm);color:var(--fg-dim);margin-top:var(--space-2)}.results-section{margin-bottom:var(--space-10)}.results-section-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.results-section-title{font-size:var(--text-md);font-weight:600;color:var(--fg);display:flex;align-items:center;gap:var(--space-3)}.results-section-title:before{content:"";width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0}.results-section-count{font-size:var(--text-sm);color:var(--fg-dim);font-weight:400}.search-bar-voice{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.search-bar-voice:hover{color:var(--gold);background:#d4af371a}.search-bar-voice.listening{color:#ef4444;animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444480;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}.filters{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;margin-bottom:var(--space-4);flex-wrap:wrap}.filters-label{font-size:var(--text-sm);color:var(--fg-dim);font-weight:500}.filter-chip{padding:6px 14px;font-size:var(--text-sm);font-weight:500;background:var(--bg-card);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-full);cursor:pointer;transition:all var(--t-fast)}.filter-chip:hover{background:var(--bg-elevated);color:var(--fg);border-color:var(--line-strong)}.filter-chip.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6) var(--space-4)}@media (max-width: 600px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-5) var(--space-3)}}@media (max-width: 380px){.grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-3)}}.card{cursor:pointer;transition:transform var(--t-base) var(--ease);background:none;border:none;padding:0;text-align:left;width:100%;font:inherit;color:inherit;display:block}.card:hover{transform:translateY(-4px)}.card:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--radius)}.card-poster{aspect-ratio:2 / 3;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;position:relative;margin-bottom:var(--space-3);border:1px solid var(--line-soft);transition:border-color var(--t-base)}.card:hover .card-poster{border-color:var(--gold-medium);box-shadow:0 12px 32px #00000080,0 0 24px #d4af3714}.card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease)}.card:hover .card-img{transform:scale(1.04)}.card-poster-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--fg-mute);background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));padding:var(--space-3);text-align:center}.card-poster-placeholder svg{width:36px;height:36px;opacity:.4}.card-poster-placeholder-text{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.card-type{position:absolute;top:8px;left:8px;padding:4px 10px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#000000c7;color:var(--gold);border:1px solid var(--gold-medium);border-radius:var(--radius-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-type.is-tv{color:#60a5fa;border-color:#60a5fa4d}.card-type.is-person{color:#c084fc;border-color:#c084fc4d}.card-rating{position:absolute;top:8px;right:8px;font-size:var(--text-xs);font-weight:700;color:var(--gold-bright);background:#000000c7;padding:4px 8px;border-radius:var(--radius-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:3px;letter-spacing:.02em}.card-rating svg{width:11px;height:11px}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0000 50%);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity var(--t-base);pointer-events:none}.card:hover .card-overlay{opacity:1}.card-play-btn{position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--bg);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(.7);opacity:0;transition:all var(--t-base) var(--ease);box-shadow:0 8px 24px #d4af374d}.card:hover .card-play-btn{transform:translate(-50%,-50%) scale(1);opacity:1}.card-play-btn svg{width:22px;height:22px;margin-left:3px}.card-info{padding:0 2px}.card-title{font-size:var(--text-base);font-weight:500;color:var(--fg);line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.card-meta{font-size:var(--text-sm);color:var(--fg-dim);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.card-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--fg-mute);flex-shrink:0}@media (max-width: 600px){.card-title{font-size:var(--text-sm)}.card-meta{font-size:var(--text-xs)}}.card-person .card-poster{aspect-ratio:1 / 1;border-radius:var(--radius-full);background:var(--bg-card);width:70%;margin:0 auto var(--space-3)}.card-person .card-img{border-radius:var(--radius-full)}.card-person .card-info{text-align:center}.card-person .card-title{-webkit-line-clamp:1}.card-person-known{font-size:var(--text-xs);color:var(--fg-mute);margin-top:2px}.card-watched-badge{position:absolute;top:8px;left:8px;background:#22c55eeb;color:#fff;font-size:.7em;font-weight:600;padding:3px 8px;border-radius:999px;letter-spacing:.3px;z-index:2;pointer-events:none;box-shadow:0 2px 6px #00000040}.card.is-watched .card-img{opacity:.7;transition:opacity .2s ease}.card.is-watched:hover .card-img{opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--t-base);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:var(--space-6)}.modal-backdrop.open{opacity:1;pointer-events:auto}@media (max-width: 768px){.modal-backdrop{padding:0;align-items:stretch}}.modal{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-xl);max-width:960px;width:100%;margin:var(--space-6) auto;position:relative;transform:scale(.96) translateY(20px);opacity:0;transition:all var(--t-base) var(--ease);box-shadow:0 24px 64px #000000b3}.modal-backdrop.open .modal{transform:scale(1) translateY(0);opacity:1}@media (max-width: 768px){.modal{border-radius:0;border:none;margin:0;min-height:100vh;min-height:100dvh;max-width:100%}}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;background:#0009;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--t-fast)}.modal-close:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.modal-close svg{width:18px;height:18px}.modal-backdrop-img{width:100%;aspect-ratio:16 / 7;background:var(--bg-card);position:relative;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media (max-width: 768px){.modal-backdrop-img{border-radius:0;aspect-ratio:16 / 9}}.modal-backdrop-img img{width:100%;height:100%;object-fit:cover}.modal-backdrop-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(10,10,10,0) 0%,rgba(10,10,10,.4) 60%,var(--bg-soft) 100%)}.modal-body{padding:var(--space-8);margin-top:-100px;position:relative;z-index:2}@media (max-width: 768px){.modal-body{padding:var(--space-5);margin-top:-60px}}.modal-head{display:grid;grid-template-columns:200px 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media (max-width: 600px){.modal-head{grid-template-columns:1fr;gap:var(--space-5)}}.modal-poster{aspect-ratio:2 / 3;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 32px #00000080}.modal-poster img{width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.modal-poster{max-width:180px;margin:0 auto}}.modal-info{display:flex;flex-direction:column;gap:var(--space-3)}@media (max-width: 600px){.modal-info{text-align:center;align-items:center}}.modal-type{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}.modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--fg-strong);line-height:1.15;letter-spacing:-.01em}@media (max-width: 600px){.modal-title{font-size:var(--text-xl)}}.modal-original-title{font-size:var(--text-sm);color:var(--fg-dim);font-style:italic}.modal-tagline{font-size:var(--text-md);color:var(--gold);font-style:italic;font-weight:300;margin-top:var(--space-2)}.modal-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--fg-dim);align-items:center}@media (max-width: 600px){.modal-meta-row{justify-content:center}}.modal-meta-item{display:inline-flex;align-items:center;gap:6px}.modal-rating{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700}.modal-rating svg{width:14px;height:14px}.modal-genres{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}@media (max-width: 600px){.modal-genres{justify-content:center}}.modal-genre{padding:4px 10px;font-size:var(--text-xs);font-weight:500;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--fg-dim)}.modal-section{margin-top:var(--space-8)}.modal-section-title{font-size:var(--text-md);font-weight:600;color:var(--fg);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.modal-section-title:before{content:"";width:4px;height:18px;background:var(--gold);border-radius:2px;flex-shrink:0}.modal-overview{font-size:var(--text-base);line-height:1.7;color:var(--fg);white-space:pre-wrap}.modal-cast{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3);scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch}.cast-item{flex:0 0 100px;text-align:center;scroll-snap-align:start}.cast-item-clickable{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform var(--t-fast)}.cast-item-clickable:hover{transform:translateY(-3px)}.cast-item-clickable:hover .cast-photo{border-color:var(--gold);box-shadow:0 4px 16px #d4af3740}.cast-item-clickable:hover .cast-name{color:var(--gold)}.cast-item-clickable:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:var(--radius)}.cast-photo{width:100px;height:100px;border-radius:50%;background:var(--bg-card);overflow:hidden;margin:0 auto var(--space-2);border:1px solid var(--line);transition:all var(--t-fast)}.cast-photo img{width:100%;height:100%;object-fit:cover}.cast-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--fg-mute);font-size:32px}.cast-name{font-size:var(--text-xs);font-weight:600;color:var(--fg);line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cast-character{font-size:11px;color:var(--fg-dim);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-crew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.crew-item{padding:var(--space-3) 0}.crew-job{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:4px}.crew-names{font-size:var(--text-sm);font-weight:600;color:var(--fg);line-height:1.4}.modal-loading{padding:var(--space-12) var(--space-6);text-align:center}.modal-loading-spinner{width:40px;height:40px;margin:0 auto var(--space-4);color:var(--gold)}.modal-loading-spinner svg{width:100%;height:100%;animation:spin 1s linear infinite}.modal-loading-text{color:var(--fg-dim);font-size:var(--text-sm)}.modal-error{padding:var(--space-12) var(--space-6);text-align:center;color:var(--danger)}.modal-error svg{width:48px;height:48px;margin-bottom:var(--space-4)}.player-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--t-base)}.player-view.open{opacity:1;pointer-events:auto}.player-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3),var(--safe-top));background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line-soft);flex-shrink:0}.player-back{width:40px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--fg);background:var(--bg-card);border:1px solid var(--line);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.player-back:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.player-back svg{width:18px;height:18px}.player-title{flex:1;min-width:0}.player-title h2{font-size:var(--text-md);font-weight:700;color:var(--fg-strong);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.player-title-meta{font-size:var(--text-xs);color:var(--fg-mute);margin-top:2px;letter-spacing:.05em;text-transform:uppercase}.player-actions{display:flex;gap:var(--space-2);flex-shrink:0}.player-actions .icon-btn{background:var(--bg-card);border:1px solid var(--line)}.player-actions .icon-btn:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.player-hosts-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0009;border-bottom:1px solid var(--line-soft);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.player-hosts-row[hidden]{display:none!important}.player-hosts-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);font-weight:600;flex-shrink:0}.player-hosts-list{display:flex;gap:6px;flex-wrap:nowrap}.player-host-pill{padding:6px 12px;font-size:var(--text-sm);font-weight:500;background:var(--bg-card);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-family:var(--font-mono)}.player-host-pill:hover{background:var(--bg-elevated);color:var(--fg)}.player-host-pill.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700}.player-frame{flex:1;position:relative;background:#000;min-height:0}.player-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--fg-dim);pointer-events:none}.player-loading svg{width:36px;height:36px;color:var(--gold);animation:spin 1s linear infinite}.player-loading-text{font-size:var(--text-sm)}.player-footer-bar{background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line-soft);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),var(--safe-bottom));flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2)}.player-footer-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.player-footer-row-report{justify-content:space-between;border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-2)}.player-footer-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);font-weight:600;flex-shrink:0}.player-report-btn{padding:6px 14px;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--bg-card);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);display:inline-flex;align-items:center;gap:6px}.player-report-btn:hover{background:#f5b54126;color:var(--warning);border-color:#f5b54166}.player-sources-list{display:flex;gap:6px;flex-wrap:wrap;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch}.player-source-pill{padding:6px 12px;font-size:var(--text-xs);font-weight:600;background:var(--bg-card);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-family:inherit}.player-source-pill:hover{background:var(--bg-elevated);color:var(--fg)}.player-source-pill.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700}.player-source-pill.player-source-reveal{border-style:dashed;color:var(--fg-mute);background:transparent}.player-source-pill.player-source-reveal:hover{color:var(--fg-dim);border-style:solid;background:var(--bg-card)}@media (max-width: 600px){.player-header{padding:var(--space-2) var(--space-3);padding-top:max(var(--space-2),var(--safe-top))}.player-title h2{font-size:var(--text-sm)}.player-hosts-row{padding:var(--space-2) var(--space-3)}.player-host-pill{padding:5px 10px;font-size:11px}.player-footer-bar{padding:var(--space-2) var(--space-3)}.player-source-pill{padding:5px 10px;font-size:11px}.player-footer-row-report{flex-direction:row}}.series-controls-bar{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-soft) 100%);border-bottom:1px solid var(--line);flex-wrap:wrap;position:relative;z-index:2}.series-controls-bar[hidden],.series-controls-bar[style*="display: none"]{display:none!important}.sc-field{display:flex;flex-direction:column;gap:4px;min-width:0}.sc-label{font-size:10px;color:var(--fg-mute);letter-spacing:.08em;font-weight:600;text-transform:uppercase}.sc-select{background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:7px 28px 7px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:inherit;cursor:pointer;min-width:130px;max-width:260px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8275' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s,background-color .15s}.sc-select:hover{border-color:var(--gold-medium);background-color:var(--bg-soft)}.sc-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #d4af372e}.sc-select:disabled{opacity:.5;cursor:not-allowed}.sc-source-badge{margin-left:auto;font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-weight:600;background:var(--gold-soft);padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--gold-medium);align-self:center;white-space:nowrap}@media (max-width: 900px) and (min-width: 601px){.sc-select{min-width:110px}}@media (max-width: 600px){.series-controls-bar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.sc-select{min-width:0;flex:1;font-size:12px;padding:6px 24px 6px 8px}.sc-source-badge{margin-left:0;width:100%;text-align:center;order:99;font-size:10px;padding:4px 10px}.sc-field{flex:1;min-width:calc(33% - var(--space-2))}.sc-label{font-size:9px}}.player-footer-row-sandbox{align-items:center}.player-sandbox-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.player-sandbox-btn.is-on{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.player-sandbox-btn.is-off{background:#eab30826;border-color:#eab30866;color:#facc15}.player-sandbox-btn:hover{filter:brightness(1.15)}.check-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:radial-gradient(ellipse at top,#1a1611,#0a0a0a 70%);overflow-y:auto;display:none;flex-direction:column;animation:check-fade-in .3s var(--ease)}.check-view.visible{display:flex}@keyframes check-fade-in{0%{opacity:0}to{opacity:1}}.check-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);padding-top:max(var(--space-4),var(--safe-top));background:#000000b3;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(212,175,55,.15);position:sticky;top:0;z-index:10}.check-back-btn{width:40px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--fg);background:#ffffff0a;border:1px solid var(--line);cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.check-back-btn:hover{background:var(--gold);color:var(--bg);border-color:var(--gold);transform:translate(-2px)}.check-back-btn svg{width:18px;height:18px}.check-title-block{flex:1;min-width:0}.check-title-block h1{font-size:var(--text-md);font-weight:700;color:var(--fg-strong);line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-title-meta{font-size:11px;color:var(--fg-mute);margin-top:3px;letter-spacing:.08em;text-transform:uppercase}.check-attributes{display:flex;gap:6px;margin-top:var(--space-3);flex-wrap:wrap;animation:badge-slide-in .4s var(--ease) both}@keyframes badge-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.check-attr-badge{padding:5px 11px;font-size:10px;font-weight:700;letter-spacing:.1em;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--t-fast);font-family:var(--font-mono);text-transform:uppercase;background:#ffffff0a;color:var(--fg-dim)}.check-attr-badge:hover{filter:brightness(1.18);transform:translateY(-1px)}.check-attr-badge.active{box-shadow:0 0 0 2px #fff6,0 4px 12px #0000004d}.check-attr-badge.badge-truefrench{background:linear-gradient(135deg,#2563eb,#1976d2);color:#fff;border-color:#1976d2}.check-attr-badge.badge-vff,.check-attr-badge.badge-vfq,.check-attr-badge.badge-vfvostfr,.check-attr-badge.badge-vf{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#7c3aed}.check-attr-badge.badge-vostfr{background:#475569;color:#fff;border-color:#475569}.check-attr-badge.badge-vo{background:#47556980;color:#cbd5e1;border-color:#64748b}.check-attr-badge.badge-4k{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:var(--bg);border-color:var(--gold)}.check-attr-badge.badge-fullhd{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a}.check-attr-badge.badge-hd{background:#475569;color:#fff;border-color:#475569}.check-body{max-width:820px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-5);flex:1;animation:check-content-rise .4s var(--ease) .1s both}@keyframes check-content-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.check-body{padding:var(--space-5) var(--space-4)}}.check-film-card{display:grid;grid-template-columns:150px 1fr;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(180deg,#d4af370a,#ffffff05);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-lg);margin-bottom:var(--space-7);position:relative;overflow:hidden}.check-film-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent)}@media (max-width: 600px){.check-film-card{grid-template-columns:100px 1fr;padding:var(--space-4);gap:var(--space-4)}}.check-film-poster{aspect-ratio:2 / 3;border-radius:var(--radius);overflow:hidden;background:var(--bg-elevated);border:1px solid rgba(212,175,55,.2);box-shadow:0 8px 24px #00000080}.check-film-poster img{width:100%;height:100%;object-fit:cover}.check-film-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.check-film-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:2px}.check-film-title{font-size:var(--text-2xl);font-weight:700;color:var(--fg-strong);line-height:1.1;letter-spacing:-.01em;flex:1}@media (max-width: 600px){.check-film-title{font-size:var(--text-lg)}}.check-watchlist-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0006;border:1px solid var(--line);color:var(--fg-dim);cursor:pointer;flex-shrink:0;font-size:18px;transition:all var(--t-fast)}.check-watchlist-btn:hover{background:var(--gold-soft);color:var(--gold);border-color:var(--gold-medium);transform:scale(1.08)}.check-watchlist-btn.active{background:var(--gold-soft);color:var(--gold-bright);border-color:var(--gold)}.check-film-meta{font-size:11px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.check-film-stars{font-size:var(--text-sm);color:var(--fg-dim);margin-top:4px}.check-film-stars em{font-style:italic;color:var(--fg)}.check-film-credits{font-size:var(--text-sm);color:var(--fg);margin-top:2px}.check-film-credit-label{display:inline-block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-right:5px;font-weight:700}.check-film-genres{display:flex;gap:6px;flex-wrap:wrap;margin-top:var(--space-3)}.check-film-genre{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;background:#ffffff0a;border:1px solid var(--line);border-radius:999px;color:var(--fg-dim);font-weight:500}.check-film-synopsis{font-size:var(--text-sm);color:var(--fg);line-height:1.55;margin-top:var(--space-3);font-style:italic;opacity:.85}.check-film-imdb-link{display:inline-block;margin-top:var(--space-3);font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;text-decoration:none;transition:color var(--t-fast)}.check-film-imdb-link:hover{color:var(--gold-bright)}.check-se-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--space-5);flex-wrap:wrap}.check-se-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);font-weight:700}.check-se-select{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 14px;font-size:var(--text-sm);font-weight:600;cursor:pointer;font-family:inherit;transition:border-color var(--t-fast)}.check-se-select:hover,.check-se-select:focus{border-color:var(--gold-medium);outline:none}.check-progress{margin-bottom:var(--space-6);text-align:center}.check-progress-text{font-size:10px;color:var(--fg-mute);margin-bottom:var(--space-3);letter-spacing:.18em;text-transform:uppercase;font-weight:600}.check-progress-counts{color:var(--gold);font-weight:700;margin-left:var(--space-2)}.check-progress-bar{height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.check-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold) 50%,var(--gold-bright));width:0%;transition:width .4s var(--ease);box-shadow:0 0 8px #d4af3780}.check-list{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:6px}.check-item{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);font-size:var(--text-sm);transition:all .25s var(--ease);animation:source-appear .3s var(--ease) both}@keyframes source-appear{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.check-item:hover{background:#ffffff0a;transform:translate(2px)}.check-item.pending{border-color:#d4af372e;background:#d4af3706}.check-item.available{border-color:#4ade8059;background:#4ade800a}.check-item.available:hover{border-color:#4ade808c;background:#4ade8012}.check-item.unverified{border-color:#4ade8038;background:#4ade8006}.check-item.unknown{border-color:#73829133}.check-item.unavailable{opacity:.4;border-color:#ffffff0d;background:transparent}.check-item-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border-radius:50%}.check-item.pending .check-item-icon{color:var(--gold);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.check-item.available .check-item-icon{color:var(--success);background:#4ade801f}.check-item.unverified .check-item-icon{color:var(--success);opacity:.7}.check-item.unknown .check-item-icon{color:var(--fg-mute)}.check-item.unavailable .check-item-icon{color:var(--danger)}.check-item-name{font-weight:600;color:var(--fg)}.check-item-hint{font-size:11px;color:var(--fg-dim);text-align:right;letter-spacing:.04em;font-weight:500}.check-item.unverified .check-item-hint{color:#f5b541;font-style:italic;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.check-item-confirmed{display:inline-block;padding:4px 9px;font-size:9px;font-weight:800;letter-spacing:.12em;background:#4ade8026;color:var(--success);border:1px solid rgba(74,222,128,.4);border-radius:4px;text-transform:uppercase}.check-reveal-btn{display:block;margin:var(--space-5) auto;padding:12px var(--space-5);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:transparent;border:1px dashed var(--line-strong);color:var(--fg-mute);border-radius:var(--radius);cursor:pointer;transition:all var(--t-fast);width:100%;max-width:600px}.check-reveal-btn:hover{background:#ffffff08;border-style:solid;color:var(--fg-dim);border-color:var(--gold-medium)}.check-launch-wrap{display:flex;justify-content:center;margin-top:var(--space-8);padding-bottom:var(--space-10);position:relative}.check-launch-wrap:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent)}.check-launch-btn{background:linear-gradient(135deg,var(--gold-deep),var(--gold) 50%,var(--gold-bright));color:var(--bg);border:none;padding:16px var(--space-10);font-size:var(--text-base);font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-3);transition:all .3s var(--ease);font-family:var(--font-body);min-width:300px;justify-content:center;margin-top:var(--space-5);box-shadow:0 4px 16px #d4af3740,0 0 0 1px #d4af374d inset;position:relative;overflow:hidden}.check-launch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s var(--ease)}.check-launch-btn.ready:hover:before{left:100%}.check-launch-btn:disabled{background:#ffffff0a;color:var(--fg-mute);cursor:not-allowed;border:1px solid var(--line);box-shadow:none}.check-launch-btn.ready{animation:launch-pulse 2.5s ease-in-out infinite}@keyframes launch-pulse{0%,to{box-shadow:0 4px 16px #d4af3740,0 0 0 1px #d4af374d inset}50%{box-shadow:0 6px 24px #d4af3773,0 0 0 1px #d4af3780 inset}}.check-launch-btn.ready:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d4af3766,0 0 0 1px #d4af3780 inset}.check-launch-btn.ready:active{transform:translateY(0)}.check-launch-arrow{font-size:22px;font-weight:400;transition:transform var(--t-base)}.check-launch-btn.ready:hover .check-launch-arrow{transform:translate(4px)}.sources-modal{max-width:720px;width:100%}.sources-modal-body{padding:var(--space-6);margin-top:0!important}@media (max-width: 600px){.sources-modal-body{padding:var(--space-4)}}.sources-modal-title{font-size:var(--text-xl);font-weight:700;color:var(--gold);margin-bottom:var(--space-2)}.sources-modal-sub{font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:var(--space-6)}.source-section{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg)}.source-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--line-soft);gap:var(--space-3);flex-wrap:wrap}.source-section-title{font-size:var(--text-md);font-weight:600;color:var(--fg);display:flex;align-items:center;gap:var(--space-2)}.source-active-pill{font-size:var(--text-xs);padding:4px 10px;border-radius:var(--radius-full);background:var(--bg);color:var(--fg-dim);border:1px solid var(--line);font-weight:500;font-family:var(--font-mono)}.source-active-pill.up{background:#4ade801a;color:var(--success);border-color:#4ade804d}.source-active-pill.down{background:#ef44441a;color:var(--danger);border-color:#ef44444d}.domain-list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:4px}.domain-row{display:grid;grid-template-columns:28px 1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);align-items:center;font-size:var(--text-sm)}.domain-row.up{border-color:#4ade804d;background:#4ade800a}.domain-row.down{opacity:.6}.domain-row.cloaked{border-color:#f5b5414d;background:#f5b5410a}.domain-row.active{box-shadow:0 0 0 2px var(--gold)}.domain-icon{text-align:center;font-weight:700;font-size:14px}.domain-row.up .domain-icon{color:var(--success)}.domain-row.down .domain-icon{color:var(--danger)}.domain-row.cloaked .domain-icon{color:var(--warning)}.domain-host{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);word-break:break-all}.domain-meta{font-size:11px;color:var(--fg-mute);margin-top:2px}.domain-remove-btn{padding:4px 10px;font-size:var(--text-xs);background:transparent;border:1px solid var(--line);color:var(--fg-dim);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast)}.domain-remove-btn:hover{background:var(--danger);border-color:var(--danger);color:var(--fg)}.domain-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.domain-input{flex:1;min-width:200px;padding:8px 12px;font-size:var(--text-sm);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-mono)}.domain-input:focus{outline:none;border-color:var(--gold)}.domain-feedback{font-size:var(--text-xs);padding:6px 10px;border-radius:var(--radius-sm);margin-top:var(--space-2)}.domain-feedback.info{color:var(--fg-dim)}.domain-feedback.success{color:var(--success);background:#4ade800d}.domain-feedback.error{color:var(--danger);background:#ef44440d}.domain-feedback.warn{color:var(--warning);background:#f5b5410d}.sources-modal-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);display:flex;gap:var(--space-2);flex-wrap:wrap}.health-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap}.health-summary-line{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.health-summary-dot{font-size:1.3em;line-height:1;flex-shrink:0}.health-summary-text{font-size:var(--text-sm);color:var(--fg)}.health-summary-time{color:var(--fg-dim);font-size:var(--text-xs)}.health-dot-inline{font-size:1.1em;line-height:1;margin-right:var(--space-1);display:inline-block;vertical-align:middle}.health-transitions{list-style:none;padding:0;margin:0}.health-transitions li{padding:var(--space-2) 0;border-bottom:1px solid var(--line);color:var(--fg-dim);font-size:var(--text-sm)}.health-transitions li:last-child{border-bottom:none}.health-transitions li strong{color:var(--fg);margin-right:var(--space-2)}.health-transitions-time{margin-left:var(--space-2);font-size:var(--text-xs)}.health-transitions-detail{margin-top:2px;font-size:var(--text-xs);color:var(--fg-dim)}.modal-preferences{max-width:560px;width:100%}.prefs-body{padding:var(--space-6);margin-top:0!important}@media (max-width: 600px){.prefs-body{padding:var(--space-4)}}.prefs-modal-title{font-size:var(--text-xl);font-weight:700;color:var(--gold);margin:0 0 var(--space-2) 0;padding-right:var(--space-10)}.prefs-modal-sub{font-size:var(--text-sm);color:var(--fg-dim);margin:0 0 var(--space-6) 0}.prefs-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--line-soft)}.prefs-section:last-child{border-bottom:none}.prefs-section-title{font-size:var(--text-xs);letter-spacing:.08em;color:var(--gold);font-weight:700;text-transform:uppercase;margin:0 0 var(--space-2) 0}.prefs-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.prefs-section-header .prefs-section-title{margin-bottom:0}.prefs-section-reset{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--fg-dim);border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:14px;font-family:inherit;transition:all .15s;padding:0}.prefs-section-reset:hover{border-color:var(--gold-medium);color:var(--gold);background:var(--gold-soft)}.prefs-section-help{font-size:var(--text-xs);color:var(--fg-dim);margin:0 0 var(--space-3) 0;line-height:1.5}.prefs-list{list-style:none;margin:0;padding:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.prefs-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-3);border-bottom:1px solid var(--line-soft);background:var(--bg-card);transition:background .15s}.prefs-list-item:last-child{border-bottom:none}.prefs-list-item:hover{background:var(--bg-elevated)}.prefs-list-name{flex:1;font-size:var(--text-sm);color:var(--fg)}.prefs-tier{display:inline-block;font-size:10px;color:var(--fg-mute);margin-left:6px;padding:1px 6px;background:var(--bg);border-radius:var(--radius-pill);border:1px solid var(--line)}.prefs-list-actions{display:flex;gap:4px}.prefs-list-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;transition:all .15s}.prefs-list-btn:hover:not(:disabled){background:var(--gold-soft);border-color:var(--gold-medium);color:var(--gold)}.prefs-list-btn:disabled{opacity:.3;cursor:not-allowed}.prefs-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.prefs-tag{padding:6px 14px;background:var(--bg);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:all .15s;font-family:inherit}.prefs-tag:hover{border-color:var(--gold-medium);color:var(--fg)}.prefs-tag.active{background:var(--gold-soft);color:var(--gold);border-color:var(--gold);font-weight:600}.prefs-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.prefs-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:22px;background:var(--bg);border:1px solid var(--line);border-radius:22px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.prefs-toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--fg-dim);border-radius:50%;transition:transform .2s,background .2s}.prefs-toggle input[type=checkbox]:checked{background:var(--gold-soft);border-color:var(--gold)}.prefs-toggle input[type=checkbox]:checked:before{transform:translate(18px);background:var(--gold)}.prefs-toggle-label{font-size:var(--text-sm);color:var(--fg)}.prefs-footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:var(--bg-soft)}.prefs-footer-spacer{flex:1}.prefs-footer .btn{padding:8px 16px;font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-family:inherit;transition:all .15s}.prefs-footer .btn:hover{background:var(--bg-elevated);border-color:var(--gold-medium)}.prefs-footer .btn-primary{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.prefs-footer .btn-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}@media (max-width: 600px){.modal-preferences{width:100vw;max-height:100vh;border-radius:0}.prefs-body{padding:var(--space-3)}.prefs-section{margin-bottom:var(--space-4)}.prefs-tag{padding:8px 12px;font-size:13px}.prefs-list-btn{width:40px;height:40px;font-size:18px}.prefs-list-item{padding:12px var(--space-3)}.prefs-footer{flex-wrap:wrap}.prefs-footer-spacer{display:none}}.shelf{margin-bottom:var(--space-8);animation:shelf-fade-in .5s var(--ease) both}@keyframes shelf-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shelf-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);margin-bottom:var(--space-3)}.shelf-title{font-size:var(--text-lg);font-weight:700;color:var(--fg-strong);margin:0;letter-spacing:-.01em}.shelf-nav{display:flex;gap:6px}.shelf-nav-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid var(--line);color:var(--fg-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.shelf-nav-btn:not(:disabled):hover{background:var(--gold);color:var(--bg);border-color:var(--gold);transform:scale(1.05)}.shelf-nav-btn:disabled{opacity:.3;cursor:not-allowed}.shelf-nav-btn svg{width:16px;height:16px}.shelf-track-wrap{position:relative}.shelf-track-wrap:before,.shelf-track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2}.shelf-track-wrap:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.shelf-track-wrap:after{right:0;background:linear-gradient(-90deg,var(--bg) 0%,transparent 100%)}.shelf-track{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;padding:var(--space-2) var(--space-5);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.shelf-track::-webkit-scrollbar{display:none}.shelf-track:focus{outline:none}.shelf-track:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:var(--radius)}.shelf-track>.card{flex:0 0 auto;width:130px;scroll-snap-align:start}@media (min-width: 640px){.shelf-track>.card{width:145px}}@media (min-width: 1024px){.shelf-track>.card{width:155px}}.card-sources-badge{position:absolute;bottom:8px;right:8px;top:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:13px;line-height:1;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.3);border-radius:999px;color:var(--gold);font-weight:500;pointer-events:none;z-index:2}.shelf-empty{flex:1;text-align:center;padding:var(--space-8) var(--space-4);color:var(--fg-mute);font-style:italic;font-size:var(--text-sm)}.shelf-loading .shelf-track{pointer-events:none}.card-skeleton{flex:0 0 auto;width:130px;scroll-snap-align:start}@media (min-width: 640px){.card-skeleton{width:145px}}@media (min-width: 1024px){.card-skeleton{width:155px}}.card-skeleton-poster{aspect-ratio:2 / 3;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius);border:1px solid var(--line)}.card-skeleton-title{height:12px;margin-top:var(--space-2);background:#ffffff0f;border-radius:4px;width:70%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 600px){.shelf-nav{display:none}.shelf-track{padding:var(--space-2) var(--space-4)}.shelf-header{padding:0 var(--space-4)}.shelf-track-wrap:before,.shelf-track-wrap:after{width:20px}}.shelves{padding-bottom:var(--space-10);min-height:200px}.shelves-meta{font-size:12px;color:var(--fg-mute);text-align:center;margin-top:0;margin-bottom:var(--space-3);letter-spacing:.04em}.shelves-error{text-align:center;padding:var(--space-10) var(--space-4);color:var(--fg-dim);max-width:500px;margin:0 auto}.shelves-error p{margin:0 0 var(--space-2)}.shelves-error-hint{font-size:var(--text-sm);color:var(--fg-mute)}.shelves-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:var(--space-8) var(--space-5);text-align:center;max-width:600px;margin:0 auto;animation:loader-fade-in .3s var(--ease) both}@keyframes loader-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shelves-loader-icon{color:var(--gold);margin-bottom:var(--space-4);animation:spin 1.2s linear infinite}.shelves-loader-icon svg{width:36px;height:36px}.shelves-loader-title{font-size:var(--text-lg);font-weight:700;color:var(--fg-strong);margin:0 0 var(--space-2)}.shelves-loader-step{font-size:var(--text-sm);color:var(--gold);margin:0 0 var(--space-4);font-weight:500;min-height:20px;transition:opacity var(--t-fast)}.shelves-loader-progress{width:240px;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:var(--space-5)}.shelves-loader-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright));width:5%;transition:width .6s var(--ease);box-shadow:0 0 8px #d4af3780}.shelves-loader-hint{font-size:var(--text-xs);color:var(--fg-mute);margin:0;max-width:440px;line-height:1.5}.shelves-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-5);color:var(--fg-dim);max-width:560px;margin:0 auto}.shelves-error svg{color:var(--warning);margin-bottom:var(--space-3)}.shelves-error h3{font-size:var(--text-lg);color:var(--fg-strong);margin:0 0 var(--space-3);font-weight:600}.shelves-error-msg{color:var(--fg-mute);font-size:var(--text-sm);font-style:italic;margin:0 0 var(--space-3)}.shelves-error-hint{font-size:var(--text-sm);color:var(--fg-dim);line-height:1.6;margin:0 0 var(--space-5)}.shelves-error-hint strong{color:var(--gold)}.shelves-error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.shelves-info{text-align:center;padding:var(--space-5) var(--space-4);margin:var(--space-4) auto;max-width:600px;color:var(--fg-mute);font-size:var(--text-sm);background:#d4af370a;border:1px solid rgba(212,175,55,.15);border-radius:var(--radius)}.shelves-info-link{display:inline-block;margin-left:var(--space-2);color:var(--gold);text-decoration:none;font-weight:500;transition:color var(--t-fast)}.shelves-info-link:hover{color:var(--gold-bright);text-decoration:underline}.shelves-skeleton{display:flex;flex-direction:column;gap:var(--space-6);padding-block:var(--space-4)}.shelves-loader-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);color:var(--gold);font-size:.9em}.shelves-loader-banner svg{animation:spin 1.5s linear infinite}.skeleton-shelf{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-shelf-title{width:180px;height:24px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-pulse-g31 1.5s ease-in-out infinite}.skeleton-shelf-row{display:flex;gap:var(--space-3);overflow-x:hidden}.skeleton-card{flex:0 0 auto;width:160px;aspect-ratio:2 / 3;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;border-radius:var(--radius-md);animation:skeleton-pulse-g31 1.5s ease-in-out infinite}.skeleton-card:nth-child(1){animation-delay:0s}.skeleton-card:nth-child(2){animation-delay:.1s}.skeleton-card:nth-child(3){animation-delay:.2s}.skeleton-card:nth-child(4){animation-delay:.3s}.skeleton-card:nth-child(5){animation-delay:.4s}.skeleton-card:nth-child(6){animation-delay:.5s}.skeleton-card:nth-child(7){animation-delay:.6s}@keyframes skeleton-pulse-g31{0%{background-position:200% 0;opacity:.6}50%{background-position:0% 0;opacity:1}to{background-position:-200% 0;opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.skeleton-card{width:120px}.skeleton-shelf-title{width:140px;height:20px}}.welcome-tip{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:480px;background:var(--bg-elevated, #1a1a1a);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 8px 24px #0006;animation:welcome-tip-enter .4s ease;font-size:.9em;line-height:1.5}.welcome-tip-content{display:flex;align-items:flex-start;gap:var(--space-2)}.welcome-tip-icon{font-size:1.2em;flex-shrink:0}.welcome-tip kbd{display:inline-block;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.85em;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--gold, #d4af37)}.welcome-tip-close{background:transparent;border:none;color:#ffffff80;font-size:1.4em;line-height:1;cursor:pointer;margin-left:var(--space-2);padding:0 6px;transition:color .2s}.welcome-tip-close:hover{color:#fff}.welcome-tip-leaving{animation:welcome-tip-leave .35s ease forwards}@keyframes welcome-tip-enter{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes welcome-tip-leave{to{transform:translateY(20px);opacity:0}}@media (max-width: 640px){.welcome-tip{right:10px;left:10px;bottom:10px;max-width:none}}.btn-scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--gold, #d4af37);border:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:900}.btn-scroll-top.visible{opacity:.85;transform:translateY(0) scale(1);pointer-events:auto}.btn-scroll-top:hover{opacity:1;transform:translateY(-2px) scale(1.05)}@media (max-width: 640px){.btn-scroll-top{bottom:16px;right:16px;width:40px;height:40px}}.offline-banner{position:fixed;top:0;left:0;right:0;background:#b45309;color:#fff;text-align:center;padding:6px 12px;font-size:.85em;z-index:10000;transform:translateY(-100%);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.offline-banner.visible{transform:translateY(0)}.offline-banner-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;animation:offline-pulse 1.5s ease-in-out infinite}@keyframes offline-pulse{0%,to{opacity:.6}50%{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--t-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn.is-loading{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--gold);color:var(--bg);font-weight:700}.btn-primary:hover{background:var(--gold-bright);box-shadow:0 8px 24px #d4af3740;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--fg);border-color:var(--line)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--line-strong)}.btn-outline{background:transparent;color:var(--gold);border-color:var(--gold-medium)}.btn-outline:hover{background:var(--gold-soft);border-color:var(--gold)}.btn-sm{padding:8px 14px;font-size:var(--text-xs)}.btn-lg{padding:14px 28px;font-size:var(--text-base)}.btn-block{width:100%}.btn-watch{background:var(--gold);color:var(--bg);font-weight:700;padding:14px 24px;font-size:var(--text-base);letter-spacing:.04em}.btn-watch:hover{background:var(--gold-bright);box-shadow:0 12px 32px #d4af3759}.btn-watch svg{width:18px;height:18px;margin-right:4px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:calc(100vw - var(--space-12));padding-bottom:var(--safe-bottom)}@media (max-width: 600px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none;align-items:stretch}}.toast{pointer-events:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);min-width:280px;max-width:420px;box-shadow:var(--shadow-lg);transform:translate(120%);opacity:0;animation:toast-in .25s var(--ease) forwards}@keyframes toast-in{to{transform:translate(0);opacity:1}}.toast.toast-out{animation:toast-out .2s var(--ease) forwards}@keyframes toast-out{to{transform:translate(120%);opacity:0}}@media (max-width: 600px){.toast{min-width:0;max-width:none;transform:translateY(120%)}@keyframes toast-in{to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(120%);opacity:0}}}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-icon svg{width:18px;height:18px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:600;color:var(--fg);margin-bottom:2px;line-height:1.3}.toast-message{font-size:var(--text-sm);color:var(--fg-dim);line-height:1.4;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:var(--fg-mute);cursor:pointer;padding:2px;margin:-2px;border-radius:var(--radius-sm);transition:color var(--t-fast)}.toast-close:hover{color:var(--fg)}.toast-close svg{width:14px;height:14px}.toast-success{border-color:#4ade804d}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:#ef44444d}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-color:#f5b5414d}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-color:var(--gold-medium)}.toast-info .toast-icon{color:var(--gold)}.banner{position:fixed;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:480px;margin-inline:auto;background:var(--bg-card);border:1px solid var(--gold-medium);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:banner-in .4s var(--ease);padding-bottom:max(var(--space-4),var(--safe-bottom))}@keyframes banner-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-icon{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius);background:var(--gold-soft);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px}.banner-icon svg{width:20px;height:20px}.banner-content{flex:1;min-width:0}.banner-title{font-size:var(--text-sm);font-weight:600;color:var(--fg);line-height:1.3;margin-bottom:2px}.banner-message{font-size:var(--text-sm);color:var(--fg-dim);line-height:1.4;margin-bottom:var(--space-3)}.banner-actions{display:flex;gap:var(--space-2)}.banner-actions .btn{padding:6px 12px;font-size:var(--text-xs)}.banner-dismiss{flex-shrink:0;background:none;border:none;color:var(--fg-mute);cursor:pointer;padding:4px;margin:-4px;border-radius:var(--radius-sm)}.banner-dismiss:hover{color:var(--fg)}.banner-dismiss svg{width:16px;height:16px}.page{max-width:var(--container);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-12)}@media (max-width: 768px){.page{padding:var(--space-6) var(--space-4) var(--space-10)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap}.page-title-block{display:flex;flex-direction:column;gap:4px}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--fg-strong);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-3)}.page-title-arabic{font-family:var(--font-arabic);font-size:var(--text-md);color:var(--gold);direction:rtl}.page-subtitle{font-size:var(--text-sm);color:var(--fg-dim);margin-top:4px}.page-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 600px){.page-title{font-size:var(--text-xl)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--fg-dim)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-5);color:var(--fg-mute);opacity:.6}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--fg);margin-bottom:var(--space-2)}.empty-state-message{font-size:var(--text-sm);color:var(--fg-dim);max-width:420px;margin:0 auto}.loading-state{text-align:center;padding:var(--space-12) var(--space-4)}.loading-state svg{width:36px;height:36px;color:var(--gold);margin:0 auto var(--space-3);animation:spin 1s linear infinite}.loading-state p{color:var(--fg-dim);font-size:var(--text-sm)}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.list-card{position:relative;display:flex;flex-direction:column;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--t-base);text-align:left;gap:var(--space-2);overflow:hidden;isolation:isolate}.list-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--list-accent, linear-gradient(90deg, #d4af37, #b8941f));z-index:1}.list-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--list-glow, rgba(212, 175, 55, .08)) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.list-card:hover{border-color:var(--gold-medium);background:var(--bg-elevated);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.list-card:hover:after{opacity:1}.list-card-icon{position:relative;z-index:2;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:var(--space-2);background:var(--list-icon-bg, rgba(212, 175, 55, .12));border-radius:14px;transition:transform .3s ease}.list-card:hover .list-card-icon{transform:scale(1.08) rotate(-3deg)}.list-card-title{position:relative;z-index:2;font-size:var(--text-md);font-weight:600;color:var(--fg);line-height:1.3}.list-card-desc{position:relative;z-index:2;font-size:var(--text-sm);color:var(--fg-dim);line-height:1.4;flex:1}.list-card-meta{position:relative;z-index:2;font-size:var(--text-xs);color:var(--fg-mute);letter-spacing:.05em;text-transform:uppercase;margin-top:var(--space-2);font-weight:600}.list-card[data-list-key=cannes-palme-or]{--list-accent: linear-gradient(90deg, #d4af37, #e8c547, #a8c69f);--list-glow: rgba(168, 198, 159, .15);--list-icon-bg: linear-gradient(135deg, rgba(168, 198, 159, .2), rgba(212, 175, 55, .2))}.list-card[data-list-key=oscars-best-picture]{--list-accent: linear-gradient(90deg, #c9a227, #f4d03f, #c9a227);--list-glow: rgba(244, 208, 63, .15);--list-icon-bg: linear-gradient(135deg, rgba(244, 208, 63, .25), rgba(201, 162, 39, .2))}.list-card[data-list-key=imdb-top-250],.list-card[data-list-key=imdb-top-250-tv]{--list-accent: linear-gradient(90deg, #f5c518, #ffd60a);--list-glow: rgba(245, 197, 24, .12);--list-icon-bg: linear-gradient(135deg, rgba(245, 197, 24, .2), rgba(255, 214, 10, .15))}.list-card[data-list-key=letterboxd-top-500],.list-card[data-list-key=letterboxd-animation-250]{--list-accent: linear-gradient(90deg, #ff8000, #00e054, #40bcf4);--list-glow: rgba(64, 188, 244, .12);--list-icon-bg: linear-gradient(135deg, rgba(255, 128, 0, .18), rgba(0, 224, 84, .18), rgba(64, 188, 244, .18))}.list-card[data-list-key=berlin-ours-or]{--list-accent: linear-gradient(90deg, #d4af37, #5a3825, #d4af37);--list-glow: rgba(90, 56, 37, .18);--list-icon-bg: linear-gradient(135deg, rgba(90, 56, 37, .3), rgba(212, 175, 55, .2))}.list-card[data-list-key=venise-lion-or]{--list-accent: linear-gradient(90deg, #c0392b, #d4af37, #c0392b);--list-glow: rgba(192, 57, 43, .15);--list-icon-bg: linear-gradient(135deg, rgba(192, 57, 43, .2), rgba(212, 175, 55, .2))}.list-card[data-list-key=cesar-meilleur-film]{--list-accent: linear-gradient(90deg, #0055a4, #ffffff, #ef4135);--list-glow: rgba(0, 85, 164, .15);--list-icon-bg: linear-gradient(135deg, rgba(0, 85, 164, .2), rgba(239, 65, 53, .18))}.list-card[data-list-key=bafta-best-film]{--list-accent: linear-gradient(90deg, #800020, #b8941f);--list-glow: rgba(128, 0, 32, .18);--list-icon-bg: linear-gradient(135deg, rgba(128, 0, 32, .25), rgba(184, 148, 31, .2))}.list-card[data-list-key=genre-scifi-classics]{--list-accent: linear-gradient(90deg, #0066ff, #00d4ff, #7b2ff7);--list-glow: rgba(0, 212, 255, .12);--list-icon-bg: linear-gradient(135deg, rgba(0, 102, 255, .2), rgba(123, 47, 247, .2))}.list-card[data-list-key=genre-action-classics]{--list-accent: linear-gradient(90deg, #ff4500, #ff6b00);--list-glow: rgba(255, 69, 0, .15);--list-icon-bg: linear-gradient(135deg, rgba(255, 69, 0, .2), rgba(255, 107, 0, .18))}.list-card[data-list-key=genre-comedy-classics]{--list-accent: linear-gradient(90deg, #ffd700, #ffa500);--list-glow: rgba(255, 215, 0, .15);--list-icon-bg: linear-gradient(135deg, rgba(255, 215, 0, .2), rgba(255, 165, 0, .18))}.list-card[data-list-key=genre-drama-classics]{--list-accent: linear-gradient(90deg, #6a1b9a, #ad1457);--list-glow: rgba(173, 20, 87, .15);--list-icon-bg: linear-gradient(135deg, rgba(106, 27, 154, .2), rgba(173, 20, 87, .18))}.list-card[data-list-key=disney-animation]{--list-accent: linear-gradient(90deg, #ff69b4, #4169e1, #00ced1);--list-glow: rgba(65, 105, 225, .15);--list-icon-bg: linear-gradient(135deg, rgba(255, 105, 180, .2), rgba(65, 105, 225, .18))}.list-card[data-list-key=studio-ghibli]{--list-accent: linear-gradient(90deg, #6ab04c, #badc58);--list-glow: rgba(106, 176, 76, .15);--list-icon-bg: linear-gradient(135deg, rgba(106, 176, 76, .22), rgba(186, 220, 88, .2))}.watchlist-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.08)}.watchlist-filter-chips,.watchlist-sort-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.watchlist-sort-chips{font-size:.9em;opacity:.95}@media (max-width: 600px){.watchlist-filter-bar{flex-direction:column;align-items:flex-start}}.lists-category{margin-bottom:var(--space-8)}.lists-category-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.06)}.lists-category-title{font-size:var(--text-xl, 1.4em);font-weight:700;color:var(--fg);margin:0 0 var(--space-1) 0;letter-spacing:-.01em}.lists-category-subtitle{font-size:var(--text-sm, .9em);color:var(--fg-dim);margin:0;font-style:italic;opacity:.85}.discover-form{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.discover-row{display:grid;grid-template-columns:200px 1fr;gap:var(--space-4);padding:var(--space-3) 0;align-items:flex-start;border-bottom:1px solid var(--line-soft)}.discover-row:last-child{border-bottom:none}@media (max-width: 600px){.discover-row{grid-template-columns:1fr;gap:var(--space-2)}}.discover-label{font-size:var(--text-sm);font-weight:600;color:var(--fg);padding-top:var(--space-2)}.discover-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.discover-chip{padding:6px 12px;font-size:var(--text-xs);font-weight:500;background:var(--bg);color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius-full);cursor:pointer;transition:all var(--t-fast)}.discover-chip:hover{background:var(--bg-elevated);color:var(--fg);border-color:var(--line-strong)}.discover-chip.selected{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.discover-chip.excluded{background:var(--danger);color:var(--fg);border-color:var(--danger);text-decoration:line-through}.discover-select{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;outline:none;width:100%;max-width:280px}.discover-select:focus{border-color:var(--gold)}.discover-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}