:root{--ink: #f8e8c8;--panel: #f0dca0;--panel-raised: #e8d090;--paper: #504030;--paper-dim: #887050;--graphite: #b89860;--amber: #e05048;--amber-dim: #a83830;--signal-teal: #48a848;--alarm: #e05048;--retro-red: #e05048;--retro-orange: #f0a030;--retro-yellow: #e8d040;--retro-green: #48a848;--retro-blue: #4080d0;--retro-indigo: #6050b0;--retro-violet: #9060c0;--retro-pink: #e070a0;--font-display: "Press Start 2P", monospace;--font-ui: "VT323", monospace;--font-mono: "VT323", monospace;color-scheme:light}*{box-sizing:border-box;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}html,body{margin:0;padding:0;height:100%;background:var(--ink);color:var(--paper);font-family:var(--font-ui);font-size:18px}#root{height:100%}.auth-loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--paper-dim);font-family:var(--font-display);font-size:10px}button{font-family:var(--font-ui);cursor:pointer}textarea,input{font-family:var(--font-mono)}::selection{background:var(--retro-yellow);color:var(--paper)}:focus-visible{outline:3px solid var(--retro-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--graphite) var(--panel)}.retro-panel{border:3px solid var(--paper);box-shadow:inset 2px 2px 0 var(--ink),inset -2px -2px 0 var(--panel-raised),4px 4px #50403040}.retro-btn{border:2px solid var(--paper);box-shadow:2px 2px 0 var(--paper);transition:transform .05s,box-shadow .05s}.retro-btn:active{transform:translate(2px,2px);box-shadow:none}.rainbow-bar{height:4px;background:linear-gradient(90deg,var(--retro-orange) 0%,var(--retro-yellow) 16%,var(--retro-green) 33%,var(--retro-blue) 50%,var(--retro-indigo) 66%,var(--retro-violet) 83%,var(--retro-pink) 100%)}.auth{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ink)}.auth__card{background:var(--panel);padding:40px;width:100%;max-width:380px;text-align:center}.auth__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.auth__mark{font-family:var(--font-display);font-size:14px;color:var(--amber)}.auth__title{font-family:var(--font-display);font-size:14px;color:var(--paper)}.auth__heading{font-size:20px;color:var(--paper);margin-bottom:24px}.auth__error{background:var(--amber);color:var(--ink);padding:10px;margin-bottom:16px;font-size:16px}.auth__oauth-buttons{display:flex;flex-direction:column;gap:12px}.auth__oauth-btn{padding:12px;background:var(--panel-raised);color:var(--paper);font-size:16px}.auth__processing{color:var(--paper-dim);font-family:var(--font-display);font-size:10px}.auth__oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px}.auth__oauth-icon{width:20px;height:20px;flex-shrink:0}:root{--bg-color: #D3BF96;--frame-bg: #E3D3B5;--panel-bg: #F5E8C9;--dark-border: #4A3018;--active-red: #C84630;--btn-green: #4D9A38;--btn-red: #D23C2A;--btn-yellow: #DF9B22;--btn-blue: #376EC0}body{margin:0;padding:20px;background-color:var(--bg-color);font-family:"Press Start 2P",monospace;color:var(--dark-border);display:flex;justify-content:center;align-items:center;min-height:100vh;box-sizing:border-box}.retro-window{background-color:var(--frame-bg);border:6px solid var(--dark-border);box-shadow:8px 8px #0000004d;padding:16px;max-width:850px;width:100%}.layout-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-bottom:16px}.pixel-panel{background-color:var(--panel-bg);border:4px solid var(--dark-border);position:relative;padding:12px}.panel-title{display:inline-block;background-color:var(--dark-border);color:#f5e8c9;padding:6px 12px;font-size:11px;margin-bottom:12px}.diagram-canvas{height:220px;background-color:#eed2a1;background-image:linear-gradient(to right,rgba(74,48,24,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(74,48,24,.1) 1px,transparent 1px);background-size:16px 16px;border:2px dashed var(--dark-border);display:flex;justify-content:center;align-items:center}.instructions-list{font-size:10px;line-height:1.8;padding-left:16px;margin:0}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:10px;color:#fff;padding:10px 4px;border:3px solid var(--dark-border);box-shadow:0 4px 0 var(--dark-border);cursor:pointer;text-shadow:1px 1px 0px #000;transition:transform .05s}.pixel-btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--dark-border)}.btn-start{background-color:var(--btn-green)}.btn-stop{background-color:var(--btn-red)}.btn-step{background-color:var(--btn-yellow)}.btn-reset{background-color:var(--btn-blue)}.status-box{border-top:3px solid var(--dark-border);padding-top:8px;font-size:11px}.tape-strip{display:flex;gap:4px;overflow-x:auto;padding:24px 8px 12px;background-color:#3b2412;border:3px solid var(--dark-border)}.tape-cell{position:relative;min-width:46px;height:48px;background-color:#f8ead0;border:3px solid var(--dark-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.tape-cell.active{background-color:var(--active-red);color:#fff}.head-pointer{position:absolute;top:-22px;color:gold;font-size:14px;text-shadow:1px 1px 0 #000}