*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--hog-bg:#0a0b10;--hog-surface:rgba(255,255,255,0.025);--hog-border:rgba(255,255,255,0.06);--hog-text:#e2e8f0;--hog-muted:#64748b;--hog-dim:#8892a4;--hog-accent:#d4a574;--hog-accent-soft:rgba(212,165,116,0.12);--hog-accent-border:rgba(212,165,116,0.25);--hog-green:#4ade80;--hog-red:#f87171;--hog-yellow:#fbbf24;--hog-purple:#a78bfa;--hog-blue:#60a5fa;--hog-mono:"JetBrains Mono","SF Mono",monospace;--hog-sans:"Noto Sans SC",-apple-system,sans-serif}html{font-size:14px}body{font-family:var(--hog-sans);background:var(--hog-bg);color:var(--hog-text);min-height:100vh;-webkit-font-smoothing:antialiased}input[type=range]{accent-color:var(--hog-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.panel{background:var(--hog-surface);border:1px solid var(--hog-border);border-radius:12px;padding:20px;margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}