:root{--bg: #080b0f;--bg2: #0d1117;--bg3: #131920;--border: #1e2a35;--accent: #e8b84b;--accent2: #c9a03c;--red: #e05252;--green: #52c97a;--blue: #5b9cf6;--text: #e8edf2;--text2: #8a9bb0;--text3: #4a5a6b;--radius: 8px;--shadow: 0 4px 24px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Bebas Neue,sans-serif;letter-spacing:.05em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}a{color:inherit;text-decoration:none}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .2s}.btn{padding:8px 16px;border-radius:var(--radius);font-weight:500;font-size:13px}.btn-primary{background:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:#e0525226;color:var(--red);border:1px solid rgba(224,82,82,.3)}.btn-danger:hover{background:#e0525240}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-watching{background:#5b9cf626;color:var(--blue)}.badge-found{background:#52c97a26;color:var(--green)}.badge-archived{background:#8a9bb026;color:var(--text2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .3s ease forwards}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.poster-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}html,body{overflow-x:hidden;width:100%}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}@media (max-width: 900px){.mobile-menu{display:flex}.sidebar{width:min(260px,80vw)!important;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #00000073}.sidebar.sidebar-open{transform:translate(0)}main{margin-left:0!important;padding:64px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (min-width: 901px){.mobile-menu{display:none}}@media (max-width: 768px){.poster-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}h2{font-size:24px}.detail-backdrop{height:220px!important}.detail-hero-overlay{left:16px!important;right:16px!important;gap:14px!important}.detail-hero-overlay img{width:68px!important}.detail-hero-title{font-size:26px!important}.detail-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}.surprise-backdrop{height:170px!important}.surprise-content{flex-direction:column!important;align-items:center!important;text-align:center!important;margin-top:-50px!important;padding:18px!important}.surprise-content img{margin:0 auto}.person-header{flex-direction:column!important;align-items:center!important;text-align:center!important}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:640px}}@media (max-width: 480px){.poster-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}main{padding:60px 12px 12px}.auth-card{padding:28px 20px!important}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 30% 40%,rgba(232,184,75,.06) 0%,var(--bg) 60%)}.auth-card{width:100%}@keyframes musicBar1{0%{height:4px}to{height:12px}}@keyframes musicBar2{0%{height:10px}to{height:4px}}@keyframes musicBar3{0%{height:6px}to{height:14px}}
