:root{--bg:#0c0c0e;--surface:#16161c;--surface-hover:#1e1e28;--border:#2a2a34;--text:#ececf1;--muted:#9898a8;--accent:#ff9800;--accent-dim:#c77800;--danger:#f44336;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font-size:16px}body{min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);margin:0;line-height:1.5}#app{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.site-header{margin-bottom:1.5rem}.site-brand{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.site-logo{object-fit:cover;width:48px;height:48px;box-shadow:0 0 0 1px var(--border);border-radius:12px;flex-shrink:0}.site-title{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.site-subtitle{color:var(--muted);margin:0;font-size:.95rem}.site-filters-hint{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.site-filters-hint a{color:var(--accent)}.search-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);font:inherit;flex:200px;padding:.65rem .85rem}.search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{border-radius:var(--radius);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#1a0f00;border-color:var(--accent-dim)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.back-link{margin-bottom:1rem}.status-message{min-height:1.5rem;color:var(--muted);margin:.5rem 0 1rem;font-size:.9rem}.status-message.status-error{color:#ff8a80}.status-message.status-info{color:var(--muted)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.film-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.film-card:hover,.film-card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-2px)}.film-card-poster{aspect-ratio:2/3;color:var(--muted);background:#222;justify-content:center;align-items:center;font-size:.8rem;display:flex}.film-card-poster img{object-fit:cover;width:100%;height:100%}.film-card-body{padding:.75rem .85rem 1rem}.film-card-title{margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.3}.film-card-meta{color:var(--muted);margin:0;font-size:.8rem}.pager{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pager-label{color:var(--muted);margin:0 .25rem;font-size:.9rem}.film-layout{grid-template-columns:minmax(140px,220px) 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=640px){.film-layout{grid-template-columns:1fr}.film-aside{max-width:200px;margin:0 auto}}.film-poster-box{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden}.film-poster-missing{aspect-ratio:2/3;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:.5rem;font-size:.85rem;display:flex}.film-poster{vertical-align:middle;width:100%;height:auto;display:block}.film-page-title{margin:0 0 .5rem;font-size:1.5rem;line-height:1.2}.film-page-meta{color:var(--muted);margin:0 0 1rem;font-size:.95rem}.film-page-meta.status-error{color:#ff8a80}.film-description{color:#c8c8d4;white-space:pre-wrap;margin-bottom:1.25rem;font-size:.95rem}.film-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.player-section{border-top:1px solid var(--border);padding-top:1.25rem}.section-title{margin:0 0 .75rem;font-size:1.1rem}.player-mount{min-height:200px;margin-top:.75rem}.player-tabs{border:1px solid var(--border);border-radius:var(--radius);background:#000;overflow:hidden}.tab-links{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:0;display:flex}.tab-link{min-width:100px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:auto;padding:.6rem .75rem;font-size:.85rem;font-weight:600}.tab-link:hover{color:var(--text)}.tab-link.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.tab-panel{aspect-ratio:16/9;max-height:70vh;position:relative}.player-frame{border:none;width:100%;height:100%;position:absolute;inset:0}.install-banner{border-radius:var(--radius);background:radial-gradient(120% 140% at 0% 0%, #ff98002e, transparent 55%), linear-gradient(135deg, #1a1410, var(--surface));border:1px solid #ff980073;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 .25rem;padding:1rem 1.15rem;display:flex;box-shadow:0 0 0 1px #ff980014}.install-banner-text{flex-direction:column;flex:200px;gap:.25rem;min-width:min(100%,220px);display:flex}.install-banner-title{letter-spacing:-.01em;font-size:1.05rem}.install-banner-desc{color:var(--muted);font-size:.9rem}.install-banner-actions{flex-wrap:wrap;gap:.5rem;display:flex}.install-hero{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:radial-gradient(90% 120% at 100% 0%, #ff980024, transparent 50%), var(--surface);margin:.5rem 0 1.25rem;padding:1.5rem 1.35rem}.install-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem;font-size:.8rem;font-weight:700}.install-title{letter-spacing:-.02em;margin:0 0 .65rem;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.2}.install-lead{color:#c8c8d4;max-width:42rem;margin:0 0 .85rem}.install-meta{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.install-downloads{flex-wrap:wrap;gap:.5rem;display:flex}.install-note{color:var(--muted);margin:0 0 1.75rem;font-size:.9rem}.install-note a{color:var(--accent)}.install-steps{flex-direction:column;gap:.85rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.install-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.install-step-num{width:2rem;height:2rem;color:var(--accent);background:#ff980026;border:1px solid #ff980059;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.install-step-title{margin:0 0 .4rem;font-size:1.05rem}.install-step-body .install-p{color:#c8c8d4;margin:0 0 .45rem;font-size:.95rem}.install-step-body .install-p:last-child{margin-bottom:0}.install-step-body code,.install-card code{border:1px solid var(--border);background:#0a0a0c;border-radius:4px;padding:.1em .35em;font-size:.88em}.install-step-body a,.install-card a:not(.btn){color:var(--accent)}.install-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:1.25rem;padding:1.1rem 1.15rem}.install-card .install-p{color:#c8c8d4;margin:0 0 .65rem}.install-card .install-p:last-child{margin-bottom:0}.install-card .btn{margin-top:.35rem}