:root{--bg-primary: #0c0b09;--bg-surface: #161412;--bg-elevated: #1e1b18;--bg-card: #1a1714;--border: #2c2924;--border-light: #3a362f;--text-primary: #f2ece4;--text-secondary: #9a9088;--text-muted: #5a5248;--accent: #c6f135;--accent-hover: #d4ff4a;--accent-dim: rgba(198, 241, 53, .12);--accent-text: #0c0b09;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--blue: #3b82f6;--purple: #a855f7;--success-bg: rgba(34, 197, 94, .12);--warning-bg: rgba(234, 179, 8, .12);--danger-bg: rgba(239, 68, 68, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 9999px;--font: "Barlow", system-ui, -apple-system, sans-serif;--font-display: "Barlow Condensed", "Barlow", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--glow-accent: 0 0 20px rgba(198, 241, 53, .18);--nav-height: 68px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.5;overscroll-behavior:none;height:100%}#root{height:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:1rem;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;min-height:48px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input[type=number]{font-family:var(--font-mono);font-size:1.05rem;letter-spacing:-.01em;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all .15s;cursor:pointer;border:none;white-space:nowrap;min-height:44px}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97);box-shadow:var(--glow-accent)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-danger{background:var(--danger-bg);color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:1rem;font-weight:800;letter-spacing:.06em;border-radius:var(--radius-lg);width:100%;min-height:52px}.badge{display:inline-flex;align-items:center;padding:3px var(--space-2);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-green{background:var(--success-bg);color:var(--green)}.badge-yellow{background:var(--warning-bg);color:var(--yellow)}.badge-red{background:var(--danger-bg);color:var(--red)}.page{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--nav-height) + var(--space-8));max-width:640px;margin:0 auto;width:100%;flex:1;overflow-y:auto}.section-title{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:var(--space-3)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.data-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}