*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111318;--bg-2: #161a22;--bg-3: #1d2230;--border: #2a3140;--border-2: #323a4a;--gold: #f5c96a;--gold-dim: #f5c96a33;--text: #f3f6fb;--text-dim: #b6c0d1;--text-muted: #8b95a7;--text-faint: #5a6578;--font-mono: "DM Mono", "Courier New", monospace;--font-serif: "DM Serif Display", Georgia, serif;--radius: 10px}html,body,#root{height:100%}body{background:linear-gradient(180deg,#131722,#0f1218);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;letter-spacing:.2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}input,button{font-family:var(--font-mono)}input{background:var(--bg-3);border:1px solid var(--border);padding:10px 12px;border-radius:var(--radius);color:var(--text);transition:.2s ease}input::placeholder{color:var(--text-muted)}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}button{background:var(--bg-3);border:1px solid var(--border);padding:10px 14px;border-radius:var(--radius);color:var(--text);cursor:pointer;transition:all .2s ease}button:hover{background:var(--border-2);border-color:var(--gold)}button:active{transform:translateY(1px)}.card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:.2s ease}.card:hover{border-color:var(--border-2);box-shadow:0 4px 14px #0000004d}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.spinner{width:20px;height:20px;border:2px solid var(--border-2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-fadeUp{animation:fadeUp .4s ease both}.animate-fadeIn{animation:fadeIn .3s ease both}