@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--bg-deep:#080c12;--bg-base:#0d1117;--bg-surface:#131a24;--bg-elevated:#182233;--bg-overlay:#1c2838;--bg-void:#080c12;--accent:#f59e0b;--accent-glow:#f59e0b59;--accent-dim:#b45309;--amber:#f59e0b;--danger:#ef4444;--success:#22c55e;--info:#3b82f6;--text-primary:#e8edf3;--text-secondary:#89a;--text-muted:#567;--text-dim:#3a4a5a;--text-inverse:#080c12;--border-subtle:#1e2d3d;--font-xxs:clamp(6px, .35vw + 4px, 10px);--font-xs:clamp(7px, .45vw + 5px, 11px);--font-sm:clamp(8px, .55vw + 6px, 13px);--font-base:clamp(10px, .7vw + 7px, 15px);--font-md:clamp(12px, .9vw + 8px, 18px);--font-lg:clamp(16px, 1.2vw + 10px, 24px);--font-xl:clamp(20px, 1.8vw + 12px, 36px);--font-hg:clamp(28px, 2.5vw + 16px, 52px);--border-mid:#2a3a4e;--border-heavy:#3a4a5e;--font-display:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", "Noto Sans Mono CJK SC", "Microsoft YaHei", monospace;--font-body:"Rajdhani", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-text:"Rajdhani", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--radius-sm:3px;--radius-md:6px;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 4px 12px #00000080;--glow-accent:0 0 12px var(--accent-glow);--glow-success:0 0 8px #22c55e4d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-norm:.25s;--dot-color:#f59e0b0a}.light-theme{--bg-deep:#eef1f5;--bg-base:#fff;--bg-surface:#f4f6f9;--bg-elevated:#e8ecf2;--bg-overlay:#dcdfe5;--bg-void:#f8fafc;--accent:#d97706;--accent-glow:#d977062e;--accent-dim:#b45309;--amber:#d97706;--danger:#dc2626;--success:#16a34a;--info:#2563eb;--text-primary:#1a1d23;--text-secondary:#4b5563;--text-muted:#94a3b8;--text-dim:#cbd5e1;--text-inverse:#fff;--border-subtle:#e2e6ed;--border-mid:#c8ced8;--border-heavy:#a8b0be;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--glow-accent:0 0 10px var(--accent-glow);--glow-success:0 0 6px #16a34a40;--dot-color:#64748b0f}:root,.light-theme{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}html,body{height:100%;font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);font-weight:400;line-height:1.6;overflow-x:hidden}body{overflow-y:auto}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle, var(--dot-color) 1px, transparent 1px);background-size:24px 24px;position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}*{scrollbar-width:thin;scrollbar-color:var(--border-mid) var(--bg-base)}::selection{background:var(--accent);color:var(--text-inverse)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.03em;font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes tactical-load{0%{width:0%;left:0}50%{width:60%;left:20%}to{width:100%;left:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--accent-glow)}50%{box-shadow:0 0 18px var(--accent-glow), 0 0 32px var(--accent-glow)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;max-height:0;transform:translateY(-12px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=768px){html{font-size:14px}#root{min-height:100dvh}::-webkit-scrollbar{width:3px;height:3px}body:before{background-size:32px 32px}}@media (width<=480px){html{font-size:13px}}
