*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #FF1A1A;--red-dark: #CC0000;--cyan: #00E5FF;--orange: #FF6500;--purple: #7B0FD4;--grad: linear-gradient(135deg, #FF6500, #E0186A, #7B0FD4);--bg: #000000;--bg2: #0f0f0f;--bg3: #1a1a1a;--bg4: #222222;--text: #ffffff;--text-muted: #b3b3b3;--text-dim: #666666;--navbar-h: 68px}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;min-height:44px}input,textarea,select{font-family:inherit;outline:none;font-size:max(16px,1rem)}img{max-width:100%;display:block}.spinner{width:36px;height:36px;border:3px solid rgba(0,229,255,.12);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.alert{padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.alert-error{background:#ff1a1a1a;border:1px solid var(--red);color:#ff6b6b}.alert-success{background:#00e5ff14;border:1px solid var(--cyan);color:var(--cyan)}.alert-info{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-muted)}.container{max-width:1280px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}@media (min-width: 600px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}.scroll-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start}.form-input{width:100%;padding:10px 12px;background:var(--bg4);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text);font-size:.9rem}.form-input:focus{border-color:#00e5ff66}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}.glow-cyan{box-shadow:0 0 16px #00e5ff4d}