:root{color-scheme:dark;--bg: #08090d;--surface: #121722;--surface-strong: #1a2230;--border: #2c3442;--text: #f7f1e8;--muted: #aeb7c4;--accent: #f2b84b;--accent-strong: #ffcf70;--danger: #ef6f6c;--green: #73d69f;--shadow: 0 22px 70px rgba(0, 0, 0, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(135deg,rgba(242,184,75,.12),transparent 34rem),radial-gradient(circle at top right,rgba(115,214,159,.12),transparent 32rem),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{width:min(1480px,100%);margin:0 auto;padding:32px}.site-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:14vh;padding:18px 0 26px}h1,h2,p,figure{margin:0}h1{max-width:20ch;font-size:clamp(2.15rem,4.8vw,4.6rem);line-height:.96;letter-spacing:0}.toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#121722db;box-shadow:var(--shadow)}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);background:#0c111a;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2b84b29}.catalog-summary{display:flex;justify-content:space-between;gap:16px;padding:22px 2px 18px;color:var(--muted);font-weight:700}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.movie-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--surface);box-shadow:0 12px 34px #00000047;transition:transform .17s ease,border-color .17s ease}.movie-card:hover{transform:translateY(-3px);border-color:#f2b84b75}.card-button{display:block;width:100%;border:0;padding:0;color:inherit;text-align:left;background:transparent}.poster,.detail-poster{position:relative;overflow:hidden;width:100%;aspect-ratio:2 / 3;background:#0b1018}.poster img,.detail-poster img{width:100%;height:100%;display:block;object-fit:cover}.poster-fallback{display:grid;width:100%;height:100%;place-items:center;padding:18px;color:#f7f1e8cc;background:linear-gradient(145deg,rgba(242,184,75,.22),transparent),linear-gradient(315deg,rgba(115,214,159,.16),transparent),#141a25;font-size:2.3rem;font-weight:900}.poster-fallback.large{min-height:100%;font-size:4rem}.card-body{display:grid;gap:8px;min-height:170px;padding:14px}.card-body h2{display:-webkit-box;overflow:hidden;min-height:2.6em;font-size:1rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.metadata,.genre-line{color:var(--muted);font-size:.88rem;line-height:1.35}.genre-line{display:-webkit-box;overflow:hidden;min-height:2.4em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty-state{display:grid;min-height:32vh;place-items:center;gap:10px;border:1px dashed var(--border);border-radius:8px;padding:42px 20px;color:var(--muted);text-align:center}.empty-state h2{color:var(--text)}.movie-dialog{width:min(920px,calc(100% - 28px));border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:0;color:var(--text);background:var(--surface);box-shadow:var(--shadow)}.movie-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.movie-detail{position:relative;display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:28px;padding:24px}.detail-poster{border-radius:8px}.detail-copy{display:grid;align-content:start;gap:16px;padding-right:42px}.detail-copy h2{font-size:clamp(2rem,5vw,4.2rem);line-height:.98;letter-spacing:0}.detail-genres{color:var(--accent-strong);font-weight:800}.overview{color:#d4d9e0;line-height:1.6}.close-button{position:absolute;top:14px;right:14px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#0c111a;font-weight:900}.hidden{display:none}@media(max-width:760px){#app{padding:18px}.site-header{display:grid;align-items:start;min-height:auto;padding:24px 0}.toolbar{grid-template-columns:1fr}.catalog-summary{display:grid}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{min-height:160px;padding:12px}.metadata,.genre-line{font-size:.82rem}.movie-detail{grid-template-columns:1fr;gap:18px;padding:18px}.detail-poster{width:min(260px,100%)}.detail-copy{padding-right:0}}@media(max-width:420px){.movie-grid{grid-template-columns:1fr}}