:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--border: #2a2a2a;--border-hover: #444444;--accent: #ffffff;--danger: #ff4444;--danger-hover: #ff6666;--success: #44ff44;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--input-height: 40px;--button-height: 40px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;position:fixed;width:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-primary)}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}code,.mono{font-family:var(--font-mono);font-size:13px}button,.btn{height:var(--button-height);padding:0 var(--space-2);font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid var(--border);cursor:pointer;transition:border-color .15s}button:hover,.btn:hover{border-color:var(--border-hover)}button:active,.btn:active{background:var(--bg-secondary)}button.primary,.btn.primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}button.primary:hover,.btn.primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}button.danger,.btn.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover,.btn.danger:hover{background:var(--danger);color:var(--bg-primary)}input,textarea{height:var(--input-height);padding:0 var(--space-2);font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);outline:none;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--text-secondary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{height:auto;padding:var(--space-2);resize:vertical}.container{max-width:480px;margin:0 auto;padding:var(--space-3)}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.panel{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-3)}#app{min-height:100vh;display:flex;flex-direction:column}