:root{--bg:#0b0c0f;--surface:#15171c;--surface-2:#1c1f26;--surface-3:#262a33;--border:#2a2e37;--text:#eceef1;--text-dim:#9296a1;--text-faint:#5c606b;--accent:#d6a24c;--accent-ink:#1a1305;--accent-2:#5b93d9;--danger:#d9705b;--serif:"Instrument Serif", Georgia, serif;--sans:"Manrope", -apple-system, "Segoe UI", sans-serif;--mono:"Space Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100%}a{color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:8px}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0c0feb;flex-direction:column;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width>=900px){.topbar{flex-direction:row;align-items:center;gap:24px;padding:16px 28px}.topbar-row{flex:none}}.brand{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.brand .mark{font-family:var(--serif);color:var(--accent);letter-spacing:.01em;font-size:24px;font-style:italic}.brand .tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-size:10px;display:none}@media (width>=480px){.brand .tag{display:inline}}@media (width>=900px){.brand .mark{font-size:26px}}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.telegram-link{background:var(--surface);border:1px solid var(--border);color:#4fb3e8;font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s;display:flex}.telegram-link:hover{border-color:#4fb3e8}.telegram-handle{display:none}@media (width>=420px){.telegram-handle{display:inline}}.filters-trigger{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;display:flex}.filters-badge{background:var(--accent);color:var(--accent-ink);font-family:var(--mono);border-radius:100px;padding:1px 6px;font-size:10.5px;font-weight:700}@media (width>=900px){.filters-trigger{display:none}}.search{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:auto;align-items:center;gap:10px;width:100%;max-width:480px;padding:11px 14px;transition:border-color .15s;display:flex}.search:focus-within{border-color:var(--accent)}.search svg{width:16px;height:16px;stroke:var(--text-faint);flex-shrink:0}.search input{width:100%;color:var(--text);font-family:var(--sans);background:0 0;border:none;outline:none;font-size:16px}.search input::placeholder{color:var(--text-faint)}@media (width>=900px){.search input{font-size:14.5px}}.type-toggle{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;gap:3px;width:100%;padding:3px;display:flex}.type-toggle button{color:var(--text-dim);font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:10px 15px;font-size:13.5px;font-weight:600}.type-toggle button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (width>=900px){.type-toggle{width:auto}.type-toggle button{flex:initial;padding:8px 15px;font-size:13px}}.layout{flex:1;grid-template-columns:1fr;gap:0;display:grid}@media (width>=900px){.layout{grid-template-columns:240px 1fr}}.rail{display:none}@media (width>=900px){.rail{border-right:1px solid var(--border);height:fit-content;padding:24px 20px 60px;display:block;position:sticky;top:66px}}.rail h3,.sheet-body h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0 0 12px;font-size:11px}.group{margin-bottom:26px}.group:last-child{margin-bottom:0}.facet-subgroup{margin-bottom:16px}.facet-subgroup:last-child{margin-bottom:0}.facet-sublabel{font-family:var(--sans);color:var(--accent);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 4px 2px;font-size:11.5px;font-weight:700;display:flex}.facet-sublabel-count{font-family:var(--mono);color:var(--text-faint);font-size:10.5px;font-weight:400}.facet-list{flex-direction:column;gap:2px;display:flex}.facet-row{cursor:pointer;color:var(--text-dim);border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.facet-row:hover{background:var(--surface)}.facet-row[data-active=true]{color:var(--text);background:var(--surface-2);border-color:var(--border)}.facet-row .n{font-family:var(--mono);color:var(--text-faint);font-size:11px}.facet-row[data-active=true] .n{color:var(--accent)}.facet-row[data-quality=true] span:first-child{color:var(--accent-2);letter-spacing:.02em;font-weight:700}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:var(--surface);border-radius:100px;padding:8px 13px;font-size:13px}.chip[data-active=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.clear-filters{color:var(--accent);cursor:pointer;font-size:12.5px;font-family:var(--sans);background:0 0;border:none;margin-top:18px;padding:0;font-weight:600}.content{min-width:0;padding:16px 14px 60px}@media (width>=900px){.content{padding:22px 28px 80px}}.content-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.result-count{color:var(--text-dim);font-size:13.5px}.result-count b{color:var(--text);font-weight:700}select.sort{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:12px 8px;display:grid}@media (width>=480px){.grid{grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:16px 10px}}@media (width>=700px){.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 14px}}.card{cursor:pointer;outline:none;flex-direction:column;gap:8px;display:flex}.card:focus-visible .poster{outline:2px solid var(--accent);outline-offset:2px}.poster{aspect-ratio:2/3;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;position:relative;overflow:hidden}.poster img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;display:block}.poster img.loaded{opacity:1}.poster .no-art{height:100%;font-family:var(--serif);color:var(--text-faint);text-align:center;justify-content:center;align-items:center;padding:10px;font-size:15px;font-style:italic;display:flex}.poster .rating{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--accent);font-family:var(--mono);background:#0b0c0fd1;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:7px;left:7px}.poster .badge-4k{background:var(--accent-2);color:#0b1420;font-family:var(--mono);letter-spacing:.02em;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;top:7px;right:7px}.poster .hover-plot{color:var(--text-dim);opacity:0;background:linear-gradient(#0000,#0b0c0ff5 45%);max-height:100%;padding:10px 9px 9px;font-size:11.5px;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;inset:auto 0 0;overflow:hidden;transform:translateY(4px)}.card:hover .hover-plot,.card:focus-visible .hover-plot{opacity:1;transform:translateY(0)}.card .title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card .meta{font-family:var(--mono);color:var(--text-faint);align-items:center;gap:6px;font-size:11px;display:flex}.card .meta .dot{background:var(--text-faint);border-radius:50%;width:3px;height:3px}.sentinel{height:1px}.loading-row,.empty-state{color:var(--text-faint);justify-content:center;align-items:center;gap:10px;padding:50px 0;font-size:13.5px;display:flex}.spinner{border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.skel-card .poster{background:linear-gradient(100deg, var(--surface-2) 30%, var(--surface-3) 45%, var(--surface-2) 60%);background-size:250% 100%;animation:1.4s ease-in-out infinite shimmer}.skel-line{background:var(--surface-2);border-radius:4px;height:10px;margin-top:8px}.skel-line.w60{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.skel-card .poster{animation:none}}.overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060709c7;justify-content:center;align-items:stretch;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.overlay{align-items:flex-start;padding:40px 16px}}.detail{background:var(--surface);border:1px solid var(--border);border-radius:0;width:100%;max-width:100%;min-height:100%;animation:.18s ease-out rise;overflow:hidden}@media (width>=640px){.detail{border-radius:16px;max-width:780px;min-height:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.detail{animation:none}}.detail .hero{aspect-ratio:4/3;background:var(--surface-2);position:relative}@media (width>=640px){.detail .hero{aspect-ratio:16/7}}.detail .hero img{object-fit:cover;width:100%;height:100%;display:block}.detail .hero:after{content:"";background:linear-gradient(to top, var(--surface) 4%, transparent 55%);position:absolute;inset:0}.detail .close{z-index:2;width:32px;height:32px;color:var(--text);cursor:pointer;background:#0b0c0f99;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.detail .body{z-index:1;margin-top:-36px;padding:6px 18px 28px;position:relative}@media (width>=640px){.detail .body{margin-top:-46px;padding:6px 32px 32px}}.detail h2{font-family:var(--serif);text-wrap:balance;margin:0 0 8px;font-size:26px;font-weight:400}@media (width>=640px){.detail h2{font-size:32px}}.detail .subline{font-family:var(--mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:12.5px;display:flex}.detail .subline .pill{border:1px solid var(--border);border-radius:100px;padding:3px 9px}.detail .subline .rating{color:var(--accent);font-weight:700}.detail .plot{color:var(--text-dim);max-width:62ch;margin-bottom:20px;font-size:15px;line-height:1.65}.detail .genres{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.detail .genres span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:100px;padding:4px 11px;font-size:12px}.detail .trailer-toggle{background:var(--accent);color:var(--accent-ink);font-family:var(--sans);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.detail .trailer-frame{aspect-ratio:16/9;border:1px solid var(--border);border-radius:10px;margin-top:18px;overflow:hidden}.detail .trailer-frame iframe{border:0;width:100%;height:100%}footer.site{text-align:center;color:var(--text-faint);font-size:12px;font-family:var(--mono);border-top:1px solid var(--border);padding:30px 20px 40px}.sheet-overlay{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060709a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:640px;max-height:85vh;animation:.22s ease-out sheet-rise;display:flex}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-handle{background:var(--surface-3);border-radius:100px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.sheet-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px 8px;display:flex}.sheet-head h3{font-family:var(--serif);margin:0;font-size:20px;font-style:italic;font-weight:400}.sheet-close{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-body{flex:auto;padding:4px 20px 8px;overflow-y:auto}.sheet-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0;gap:10px;display:flex}.sheet-clear{border:1px solid var(--border);color:var(--text-dim);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:13px 16px;font-size:13.5px;font-weight:600}.sheet-clear:disabled{opacity:.4;cursor:default}.sheet-apply{background:var(--accent);color:var(--accent-ink);font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;flex:auto;padding:13px 16px;font-size:14px;font-weight:700}@media (width>=900px){.sheet-overlay{display:none}}