@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-root: #0d0d0d;--color-default: #1c1c1c;--color-higher: #252525;--color-highest: #2f2f2f;--color-overlay: rgba(0, 0, 0, .7);--border-default: 1px solid #363636;--border-faint: 1px solid #2a2a2a;--border-focus: 1px solid #F26207;--text-default: #f0f0f0;--text-dimmer: #9b9b9b;--text-dimmest: #5f5f5f;--accent-orange: #F26207;--accent-blue: #0D99FF;--accent-purple: #7C3AED;--accent-green: #22C55E;--accent-red: #EF4444;--accent-yellow: #F59E0B;--terminal-bg: #0a0a0a;--terminal-text: #22C55E;--terminal-prompt: #9b9b9b;--bg-base: var(--color-root);--bg-surface: var(--color-default);--bg-card: var(--color-higher);--bg-elevated: var(--color-highest);--bg-hover: var(--color-higher);--accent: var(--accent-orange);--accent-dim: rgba(242, 98, 7, .15);--accent-glow: rgba(242, 98, 7, .08);--success: var(--accent-green);--success-dim: rgba(34, 197, 94, .15);--warning: var(--accent-yellow);--warning-dim: rgba(245, 158, 11, .15);--error: var(--accent-red);--error-dim: rgba(239, 68, 68, .15);--info: var(--accent-blue);--info-dim: rgba(13, 153, 255, .15);--purple-dim: rgba(124, 58, 237, .3);--font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--border-subtle: #2a2a2a;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--topbar-height: 44px;--bottomnav-height: 56px;--transition-fast: 80ms ease;--transition-base: .15s ease;--transition-slow: .25s ease;--text-primary: var(--text-default);--text-secondary: var(--text-dimmer);--text-muted: var(--text-dimmest)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{height:100%;background:var(--color-root);color:var(--text-default);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:none}#root{height:100%;display:flex;flex-direction:column;max-width:430px;margin:0 auto;position:relative;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#363636;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}button{cursor:pointer;border:none;background:none;font-family:var(--font-ui);font-size:14px;color:inherit;outline:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}input,textarea{font-family:var(--font-ui);font-size:14px;color:var(--text-default);background:var(--color-highest);border:var(--border-default);border-radius:var(--radius-md);outline:none;-webkit-tap-highlight-color:transparent}input:focus,textarea:focus{border-color:var(--accent-orange)}input::placeholder,textarea::placeholder{color:var(--text-dimmest)}a{color:var(--accent-blue);text-decoration:none}.btn-primary{background:var(--accent-orange);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 16px;font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity var(--transition-fast);min-height:44px}.btn-primary:hover{opacity:.85}.btn-primary:active{opacity:.7}.btn-ghost{background:transparent;color:var(--text-dimmer);border:var(--border-default);border-radius:var(--radius-md);padding:7px 14px;font-family:var(--font-ui);font-size:14px;cursor:pointer;transition:background var(--transition-base),color var(--transition-base);min-height:44px;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--color-higher);color:var(--text-default)}.btn-icon{background:transparent;border:none;color:var(--text-dimmer);padding:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base);min-width:44px;min-height:44px}.btn-icon:hover{background:var(--color-higher);color:var(--text-default)}.input{background:var(--color-highest);border:var(--border-default);border-radius:var(--radius-md);color:var(--text-default);font-family:var(--font-ui);font-size:14px;padding:8px 12px;width:100%;outline:none;transition:border-color var(--transition-base);min-height:44px}.input:focus{border-color:var(--accent-orange)}.input::placeholder{color:var(--text-dimmest)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:100px;font-family:var(--font-mono);font-weight:600;letter-spacing:.03em;flex-shrink:0}.badge-green{background:#22c55e26;color:#22c55e}.badge-red{background:#ef444426;color:#ef4444}.badge-orange{background:#f2620726;color:#f26207}.badge-blue{background:#0d99ff26;color:#0d99ff}.badge-yellow{background:#f59e0b26;color:#f59e0b}.badge-dim{background:var(--color-highest);color:var(--text-dimmer)}.badge-purple{background:#7c3aed26;color:#7c3aed}.font-mono{font-family:var(--font-mono)}.text-default{color:var(--text-default)}.text-dimmer{color:var(--text-dimmer)}.text-dimmest{color:var(--text-dimmest)}.text-orange{color:var(--accent-orange)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-purple{color:var(--accent-purple)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes typing-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}