:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Roboto Mono", Menlo, monospace;--font-led: "Courier New", Courier, monospace;--bg-app: #0f1115;--bg-surface: #171a21;--bg-surface-elevated: #222733;--bg-surface-inset: #0a0c0f;--border-color: rgba(255, 255, 255, .1);--border-focus: #3b82f6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-amber: #f59e0b;--accent-amber-glow: rgba(245, 158, 11, .3);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .3);--accent-cyan: #06b6d4;--accent-red: #ef4444;--accent-red-glow: rgba(239, 68, 68, .3);--accent-blue: #3b82f6;--wood-border: #38281d;--ivory: #faf7ee;--ivory-pressed: #e2dcce;--ebony: #18181b;--shadow-key: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-piston: 0 6px 12px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .3);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{width:100%;height:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-tactile{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border-radius:10px;border:1px solid var(--border-color);background:linear-gradient(180deg,#2a303d,#1e232e);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-key);transition:all .08s ease-in-out;touch-action:manipulation}.btn-tactile:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #00000080;background:#181c25}.btn-tactile:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-stepper{min-height:72px;padding:1rem 1.5rem;font-size:1.35rem;font-weight:700;border-radius:14px}.led-display{font-family:var(--font-mono);background-color:var(--bg-surface-inset);color:var(--accent-amber);text-shadow:0 0 10px var(--accent-amber-glow);border:2px solid rgba(245,158,11,.2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-inset)}.led-display.emerald{color:var(--accent-emerald);text-shadow:0 0 10px var(--accent-emerald-glow);border-color:#10b98133}.led-display.cyan{color:var(--accent-cyan);text-shadow:0 0 10px rgba(6,182,212,.4);border-color:#06b6d433}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface-inset)}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}