:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--panel:#18181b;--muted:#a1a1aa;--text:#fafafa;--accent:#f97316;--border:#27272a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}.shell{min-height:100vh;padding:32px clamp(16px,4vw,48px)}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,4rem)}.brand p{color:var(--muted);margin:0}.logout{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 14px}.login-wrap{background:radial-gradient(circle at top, #f973162e, transparent 34rem), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:#18181be0;border-radius:28px;width:min(420px,100%);padding:28px;box-shadow:0 24px 80px #00000061}.login-card h1{letter-spacing:-.06em;margin:0 0 8px;font-size:2.6rem}.login-card p{color:var(--muted);margin:0 0 24px}.form{gap:16px;display:grid}.field{color:var(--muted);gap:8px;display:grid}.field input,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#0f0f12;border-radius:14px;padding:12px 14px}.primary{background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:800}.error{color:#fca5a5;background:#7f1d1d59;border:1px solid #f8717159;border-radius:12px;padding:10px 12px}.meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.pill{border:1px solid var(--border);background:#18181bb8;border-radius:999px;padding:8px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;display:grid}.movie-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.poster{aspect-ratio:2/3;width:100%;color:var(--muted);background:#111;place-items:center;display:grid}.poster img{object-fit:cover;width:100%;height:100%;display:block}.movie-body{padding:12px}.movie-title{margin:0;font-weight:800;line-height:1.2}.movie-year{color:var(--muted);margin:6px 0 0;font-size:.94rem}.badge{color:#fed7aa;margin-top:10px;font-size:.8rem;display:inline-flex}.rating-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin-top:12px;display:grid}.rating-form label{color:var(--muted);gap:4px;font-size:.78rem;display:grid}.rating-form input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#0f0f12;border-radius:8px;padding:8px 6px}.rating-form button{border:1px solid var(--border);color:#111;cursor:pointer;background:#fafafa;border-radius:8px;padding:8px 10px;font-weight:800}