:root{--bg-base: #080809;--bg-surface: #0f0f13;--bg-card: #14141b;--bg-elevated: #1c1c26;--bg-hover: #232330;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12);--text-primary: #ededf2;--text-secondary:#8888a0;--text-muted: #52526a;--accent: #b57bee;--accent-dim: rgba(181,123,238,.13);--amber: #f0a030;--amber-dim: rgba(240,160,48,.14);--teal: #26c9b4;--teal-dim: rgba(38,201,180,.11);--red: #f06878;--red-dim: rgba(240,104,120,.12);--green: #42d885;--green-dim: rgba(66,216,133,.11)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden;background:var(--bg-base);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes scanAnim{0%,to{top:8%}50%{top:84%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .18s ease}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scanAnim 2s ease-in-out infinite}.spin{display:inline-block;animation:spin .8s linear infinite}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-2,.grid-sc{grid-template-columns:minmax(0,1fr)!important}.poster-col{display:none!important}.page-pad{padding:14px!important}.serif-title{font-size:clamp(20px,5vw,28px)!important}.list-only{display:none!important}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.specs-grid,.scan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.has-bottom-nav{padding-bottom:80px!important}}@media (max-width: 480px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scan-form-grid{grid-template-columns:minmax(0,1fr)!important}}@media (max-width: 768px){.mini-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-sc{grid-template-columns:minmax(0,1fr)!important}.poster-img{max-width:180px!important;margin:0 auto 14px!important}.scan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.era-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tab-bar button{padding:7px 0!important;font-size:12px!important}.toolbar{flex-wrap:wrap!important}input,select,textarea{font-size:16px!important}.page-content>div{padding-left:14px!important;padding-right:14px!important}.nav-arrows button{width:26px!important;height:26px!important}}@media (max-width: 480px){.scan-form-grid{grid-template-columns:minmax(0,1fr)!important}.stat-sub{display:none!important}}