:root{--bg: #0c0e13;--bg-elevated: #14171f;--surface: #191d27;--surface-2: #222736;--border: #2a3040;--text: #eef1f7;--text-dim: #99a1b3;--text-faint: #6b7385;--accent: #ff4d6d;--accent-soft: rgba(255, 77, 109, .15);--accent-2: #6c8cff;--success: #2fd47c;--warning: #ffb547;--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--nav-width: 232px;--topbar-height: 64px;--bottomnav-height: 0px;--gutter: 1.6rem;--gutter-left: max(var(--gutter), env(safe-area-inset-left));--gutter-right: max(var(--gutter), env(safe-area-inset-right))}@media(max-width:900px){:root{--bottomnav-height: calc(3.6rem + env(safe-area-inset-bottom)) ;--gutter: 1rem}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,input,select,textarea,label{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:10px}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}h1{font-size:1.85rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0 0 .6rem;line-height:1.55}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:.82rem}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:.88rem;font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease,opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#2b3143;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#ff6580}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.success{background:var(--success);border-color:var(--success);color:#05210f}.btn.danger{background:transparent;border-color:#63303c;color:#ff8097}.btn.small{padding:.35rem .7rem;font-size:.78rem}.btn.icon{padding:.45rem;width:36px;height:36px;border-radius:50%}.btn.small.icon{padding:0;width:30px;height:30px}.btn.block{width:100%}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.76rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s}.chip:hover{color:var(--text);border-color:#3b435a}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:#ff8ba1}.chip.static{cursor:default}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}label.field{display:block;margin-bottom:.9rem}label.field>span{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.35rem;font-weight:600}input[type=text],input[type=password],input[type=email],input[type=search],select{width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.92rem;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}.switch{display:flex;align-items:center;gap:.6rem;cursor:pointer}.switch input{width:18px;height:18px;accent-color:var(--accent)}.alert{border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.85rem;margin-bottom:.9rem;border:1px solid}.alert.error{background:#ff4d6d1a;border-color:#63303c;color:#ff9db0}.alert.info{background:#6c8cff1a;border-color:#33406b;color:#a8b9ff}.section{margin-bottom:2.2rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.section-head h2{display:flex;align-items:center;gap:.5rem}.count-pill{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.grid-posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.grid-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x proximity}.rail>*{scroll-snap-align:start}.progress{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff8a5c);border-radius:999px;transition:width .3s ease}.progress.done>i{background:linear-gradient(90deg,var(--success),#7be0ad)}.empty{text-align:center;padding:2.6rem 1rem;color:var(--text-dim);border:1px dashed var(--border);border-radius:var(--radius)}.empty .emoji{font-size:2.2rem;display:block;margin-bottom:.6rem}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spoiler-blur{filter:blur(6px);opacity:.55;transition:filter .2s,opacity .2s}.spoiler-blur:hover{filter:none;opacity:1}@media(max-width:720px){h1{font-size:1.45rem}.grid-posters{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.7rem}.rail{grid-auto-columns:86%;gap:.7rem}.card{padding:.95rem}}@media(max-width:900px),(pointer:coarse){input[type=text],input[type=password],input[type=email],input[type=search],select,textarea{font-size:16px}}