:root{--bg:#020617;--surface:#0f172a;--border:#1e293b;--text:#f8fafc;--muted:#64748b;--green:#22c55e;--red:#ef4444;--gold:#f59e0b;--accent:#3b82f6;--radius:12px;--font-mono:"Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--font-sans:"Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}#app{max-width:480px;min-height:100vh;margin:0 auto;position:relative}@media (width>=768px){#app{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:720px}}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.text-muted{color:var(--muted)}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.view-enter-active,.view-leave-active{transition:opacity .2s,transform .2s}.view-enter-from{opacity:0;transform:translateY(8px)}.view-leave-to{opacity:0;transform:translateY(-8px)}