:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#1a1d24;--border:#2a2e38;--text:#e8e9ed;--text-dim:#9a9fab;--accent:#6c5ce7;--accent-hover:#8072ec;--like:#2ecc71;--dislike:#e74c3c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}button{font-family:inherit}.page{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.centered{justify-content:center;align-items:center;min-height:100dvh;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px}input:focus{outline:2px solid var(--accent)}.btn{cursor:pointer;color:#fff;background:var(--accent);border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-like{background:var(--like)}.btn-dislike{background:var(--dislike)}.error-text{color:var(--dislike);font-size:14px}.die{cursor:pointer;box-sizing:border-box;background:radial-gradient(circle at 32% 28%,#ff5c5c 0%,#d81f2c 55%,#a5121c 100%);border:none;border-radius:9px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:46px;height:46px;padding:6px;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 3px #7a0d14,0 5px 8px #0006,inset 0 1px 1px #ffffff80}.die:hover{transform:translateY(-1px);box-shadow:0 4px #7a0d14,0 7px 12px #00000073,inset 0 1px 1px #ffffff80}.die:active{transform:translateY(3px);box-shadow:0 0 #7a0d14,0 1px 3px #0006,inset 0 1px 1px #ffffff80}.die-pip{border-radius:50%;place-self:center;width:65%;height:65%}.die-pip.active{background:#fff;box-shadow:inset 0 1px 1px #00000059,0 .5px #fff9}.movie-card{flex-direction:column;gap:12px;width:100%;max-width:480px;display:flex}.movie-card-poster{background:var(--bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:420px;display:flex;overflow:hidden}.movie-card-body{flex-direction:column;gap:12px;min-width:0;display:flex}@media (max-height:500px){.movie-card{flex-direction:row;max-width:900px;max-height:calc(100dvh - 24px);overflow:hidden}.movie-card-poster{width:40%;height:auto}.movie-card-body{flex:1;padding-right:4px;overflow-y:auto}}.expand-wrapper{opacity:0;max-height:0;transition:max-height .5s,opacity .4s;overflow:hidden}.search-result-expanded{grid-column:1/-1}.expand-wrapper.open{opacity:1;max-height:3000px}.search-container{width:100%;max-width:640px}.search-results-grid{flex-direction:column;gap:10px;display:flex}@media (max-height:500px){.search-container{max-width:1100px}.search-results-grid{grid-template-columns:repeat(2,1fr);align-items:start;display:grid}}