:root{--surface: #F2EFEA;--surface-dark: #E5E1DA;--surface-inset: #D9D5CE;--text-primary: #1A1A1A;--text-secondary: #6B6560;--text-muted: #9B9590;--accent-orange: #FF5C00;--accent-teal: #3A8C7A;--accent-orange-glow: rgba(255, 92, 0, .3);--accent-teal-glow: rgba(58, 140, 122, .3);--lcd-bg: #2A2D1F;--lcd-text: #7B9E3A;--lcd-text-dim: #4A5E28;--cable-orange: #FF5C00;--cable-teal: #3A8C7A;--cable-pink: #E84B8A;--cable-yellow: #E8B84B;--cable-purple: #8B5CF6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "Space Mono", monospace;--font-display: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--surface);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{height:100%;display:flex;flex-direction:column}.lcd{font-family:var(--font-mono);color:var(--lcd-text);background:var(--lcd-bg);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;letter-spacing:1px;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff80}.led{width:6px;height:6px;border-radius:50%;background:var(--surface-inset);transition:all .1s;box-shadow:inset 0 1px 2px #0003}.led.active{background:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange-glow),inset 0 -1px 1px #0000001a}.led.active-teal{background:var(--accent-teal);box-shadow:0 0 6px var(--accent-teal-glow),inset 0 -1px 1px #0000001a}.btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;position:relative;background:linear-gradient(180deg,#f0ede8,#e2ded7,#d6d2cb);color:var(--text-primary);box-shadow:0 2px 4px #00000026,0 1px 1px #0000001a,inset 0 1px #ffffffb3,inset 0 -1px #00000014;transition:transform .06s,box-shadow .06s}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001f,inset 0 1px 2px #0000001a;background:linear-gradient(180deg,#e2ded7,#d6d2cb,#ccc8c0)}.btn.accent{background:linear-gradient(180deg,#ff7a33,#ff5c00,#e04f00);color:#fff;box-shadow:0 2px 6px #ff5c004d,0 1px 2px #00000026,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.btn.accent:active{background:linear-gradient(180deg,#e04f00,#cc4600,#b33d00);box-shadow:0 1px 3px #ff5c0033,inset 0 1px 2px #00000026}.panel{background:linear-gradient(180deg,var(--surface-dark) 0%,#ddd9d2 100%);border-radius:var(--radius-lg);border:1px solid var(--surface-inset);box-shadow:inset 0 1px #ffffff80,0 2px 8px #00000014}