*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--green: #3fb950;--blue: #58a6ff;--yellow: #d29922;--red: #f85149;--font: "JetBrains Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;gap:16px;padding:0 16px;height:44px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header__title{font-size:16px;font-weight:700;letter-spacing:.05em}.header__accent{color:var(--green)}.header__bits{color:var(--muted);font-size:12px;letter-spacing:.08em}.header__bits strong{color:var(--green);margin-left:4px;font-size:15px}.header__actions{margin-left:auto;display:flex;gap:8px}.btn{padding:4px 12px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:var(--font);font-size:12px;cursor:pointer;transition:border-color .1s,color .1s}.btn:hover{border-color:var(--blue);color:var(--blue)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{border-color:var(--green);color:var(--green)}.btn--primary:hover{background:#3fb9501a}.btn--danger{border-color:var(--red);color:var(--red)}.btn--danger:hover{background:#f851491a}.circuit-editor{display:flex;flex:1;overflow:hidden}.palette{width:160px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.palette__title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 4px 6px;border-bottom:1px solid var(--border);margin-bottom:2px}.palette__item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;text-align:left;transition:border-color .1s}.palette__item:hover{border-color:var(--green)}.palette__item--active{border-color:var(--green);background:#3fb95014}.palette__item-name{font-weight:700;color:var(--green)}.palette__item-ports{font-size:10px;color:var(--muted)}.palette__hint{font-size:10px;color:var(--muted);padding:4px;line-height:1.4}.canvas-wrap{flex:1;overflow:auto;background:var(--bg)}.circuit-canvas{display:block;background:var(--bg)}.pin-label{font-family:var(--font);font-size:13px;fill:var(--muted)}.port{stroke-width:1.5}.port--input{fill:var(--bg);stroke:var(--blue)}.port--output{fill:var(--bg);stroke:var(--green)}.port--hi{fill:var(--green);stroke:var(--green)}.port--lo{fill:var(--bg);stroke:var(--muted)}.gate-body{fill:#1c2128;stroke:var(--border);stroke-width:1.5}.gate-body--switch-off{fill:#1c2128;stroke:var(--muted);stroke-width:1.5}.gate-body--switch-on{fill:#3fb95026;stroke:var(--green);stroke-width:1.5}.gate-label--switch-off{fill:var(--muted)}.gate-label--switch-on{fill:var(--green)}.gate-body--selected,.gate-body.gate--selected{stroke:var(--blue)}.gate-label{font-family:var(--font);font-size:13px;font-weight:700;fill:var(--green)}.gate-line{stroke:var(--border);stroke-width:1.5}.wire{fill:none;stroke:var(--muted);stroke-width:2;cursor:pointer}.wire:hover{stroke:var(--blue)}.wire--hi{stroke:var(--green)}.wire--lo{stroke:#3a3f47}.wire--pending{stroke:var(--yellow);stroke-dasharray:6 3;pointer-events:none}.canvas-hint{font-family:var(--font);font-size:11px;fill:var(--muted)}.task-panel{width:200px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.task-panel__title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px}.task-panel__bits{display:flex;align-items:baseline;gap:8px}.task-panel__bits-label{font-size:10px;letter-spacing:.08em;color:var(--muted)}.task-panel__bits strong{font-size:20px;color:var(--green)}.task-panel__idle p{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:10px}.task-panel__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.task-panel__inputs{display:flex;flex-direction:column;gap:4px}.task-panel__input-row{display:flex;align-items:center;gap:8px}.task-panel__pin{color:var(--blue);font-weight:700;width:16px}.task-panel__bit{font-size:16px;font-weight:700;width:20px;text-align:center}.task-panel__bit--hi{color:var(--green)}.task-panel__bit--lo{color:var(--muted)}.task-panel__question{color:var(--text);font-size:12px;line-height:1.4}.task-panel__answers{display:flex;flex-wrap:wrap;gap:6px}.task-panel__answer-btn{flex:1;min-width:48px;font-size:16px;font-weight:700;padding:8px 4px;text-align:center}.task-panel__feedback{padding:6px 10px;border-radius:4px;font-size:13px;font-weight:700;text-align:center}.task-panel__feedback--correct{background:#3fb95026;color:var(--green);border:1px solid rgba(63,185,80,.3)}.task-panel__feedback--wrong{background:#f8514926;color:var(--red);border:1px solid rgba(248,81,73,.3)}.box-title{font-family:var(--font);font-size:11px;font-weight:700;fill:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.box-flash{opacity:0;animation:box-flash-anim .6s ease-out forwards}@keyframes box-flash-anim{0%{opacity:.25}to{opacity:0}}.palette__item--shop{border-color:var(--yellow);color:var(--yellow)}.palette__item--shop:hover:not(:disabled){background:#d299221a}.palette__item--shop:disabled{border-color:var(--border);color:var(--muted)}