.lab-root{--lab-ink:#1f2430;--lab-body:#4f5866;--lab-muted:#7d8794;--lab-canvas:#fffdf9;--lab-canvas-warm:#fcf6ed;--lab-line:#e8dfd0;--lab-line-shade:#d7cab3;--lab-track:#efe7da;--lab-go:#4c8b5d;--lab-go-shade:#356a45;--lab-go-soft:#e5f3e3;--lab-go-ink:#2b6a3d;--lab-bad:#d8574c;--lab-bad-shade:#b0433a;--lab-bad-soft:#fdecea;--lab-bad-ink:#a33a32;--lab-pick:#3f86ad;--lab-pick-soft:#e7f3fa;--lab-pick-ink:#245a78;--lab-pick-shade:#a9cfe4;--lab-coral:#f57a4a;--lab-coral-shade:#cc5d31;--lab-gold:#e5a52a;--lab-gold-shade:#b98319;--lab-moss:#3e5f47;color:var(--lab-ink);-webkit-tap-highlight-color:transparent}.lab-display{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em}.lab-btn{--btn-bg:var(--lab-go);--btn-shade:var(--lab-go-shade);--btn-ink:#fff;background:var(--btn-bg);min-height:3.25rem;color:var(--btn-ink);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 var(--btn-shade);-webkit-user-select:none;user-select:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .12s,background-color .16s;display:inline-flex}.lab-btn:hover:not(:disabled){filter:brightness(1.05)}.lab-btn:active:not(:disabled){box-shadow:0 0 0 var(--btn-shade);transform:translateY(4px)}.lab-btn:focus-visible{outline-offset:3px;outline:3px solid #3f86ad73}.lab-btn:disabled{--btn-bg:#e9e2d6;--btn-shade:#d9cfbf;--btn-ink:#a79d8e;cursor:not-allowed}.lab-btn--danger{--btn-bg:var(--lab-bad);--btn-shade:var(--lab-bad-shade)}.lab-btn--coral{--btn-bg:var(--lab-coral);--btn-shade:var(--lab-coral-shade)}.lab-btn--audio{--btn-bg:var(--lab-pick);--btn-shade:#2c6788}.lab-btn--white{--btn-bg:#fff;--btn-shade:#0000002e}.lab-btn--ghost{--btn-bg:#fff;--btn-shade:var(--lab-line-shade);--btn-ink:var(--lab-muted);border:2px solid var(--lab-line)}.lab-btn--ghost:hover:not(:disabled){--btn-ink:var(--lab-ink);filter:none;background:#fffaf2}.lab-btn--plain{box-shadow:none;color:var(--lab-muted);letter-spacing:.08em;background:0 0}.lab-btn--plain:active:not(:disabled){box-shadow:none;transform:none}.lab-card{border:2px solid var(--lab-line);color:var(--lab-ink);background:#fff;border-bottom-width:4px;border-radius:1rem;transition:transform 80ms,border-color .14s,background-color .14s,color .14s;position:relative}button.lab-card:hover:not(:disabled){background:#fffaf2}button.lab-card:active:not(:disabled){border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}.lab-card:focus-visible{outline-offset:2px;outline:3px solid #3f86ad73}.lab-card[data-state=selected]{border-color:var(--lab-pick-shade);background:var(--lab-pick-soft);color:var(--lab-pick-ink)}.lab-card[data-state=correct]{background:var(--lab-go-soft);color:var(--lab-go-ink);border-color:#9fd09f}.lab-card[data-state=wrong]{background:var(--lab-bad-soft);color:var(--lab-bad-ink);border-color:#f0aaa3;animation:.36s lab-shake}.lab-card[data-state=done]{border-color:var(--lab-line);color:#c3b8a7;background:#f7f2ea;border-bottom-width:2px;margin-bottom:2px}.lab-key{border:2px solid var(--lab-line);min-width:1.75rem;height:1.75rem;color:var(--lab-muted);border-radius:.5rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}[data-state=selected]>.lab-key,[data-state=selected] .lab-key{border-color:var(--lab-pick-shade);color:var(--lab-pick-ink)}.lab-tile{border:2px solid var(--lab-line);min-height:2.9rem;color:var(--lab-ink);background:#fff;border-bottom-width:4px;border-radius:.85rem;align-items:center;padding:.35rem .9rem;font-size:1.05rem;font-weight:600;transition:transform 80ms;display:inline-flex}.lab-tile:active:not(:disabled){transform:translateY(2px)}.lab-tile--ghost{background:var(--lab-track);color:#0000;pointer-events:none;border-color:#0000;border-bottom-width:2px;margin-top:2px}.lab-answer-line{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(3.6rem - 2px), var(--lab-line) calc(3.6rem - 2px), var(--lab-line) 3.6rem);min-height:7.2rem}.lab-progress{background:var(--lab-track);border-radius:999px;height:1rem;position:relative;overflow:hidden}.lab-progress__fill{background:linear-gradient(90deg, #5d9d6c, var(--lab-go));border-radius:999px;transition:width .42s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.lab-progress__fill:after{content:"";background:#ffffff59;border-radius:999px;height:.22rem;position:absolute;top:.22rem;left:.5rem;right:.5rem}.lab-footer{border-top:2px solid var(--lab-line);background:var(--lab-canvas);padding-bottom:env(safe-area-inset-bottom);transition:background-color .18s,border-color .18s}.lab-footer[data-tone=correct]{background:var(--lab-go-soft);border-color:#0000}.lab-footer[data-tone=wrong]{background:var(--lab-bad-soft);border-color:#0000}.lab-bubble{border:2px solid var(--lab-line);background:#fff;border-radius:1rem;position:relative}.lab-bubble:before{content:"";border-left:2px solid var(--lab-line);border-bottom:2px solid var(--lab-line);background:#fff;width:16px;height:16px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.lab-node{--node-bg:var(--lab-go);--node-shade:var(--lab-go-shade);background:var(--node-bg);color:#fff;width:4.75rem;height:4.25rem;box-shadow:0 7px 0 var(--node-shade);border-radius:50%;place-items:center;transition:transform 90ms,box-shadow 90ms,filter .14s;display:grid;position:relative}.lab-node:hover:not([data-locked=true]){filter:brightness(1.05)}.lab-node:active:not([data-locked=true]){box-shadow:0 1px 0 var(--node-shade);transform:translateY(6px)}.lab-node:focus-visible{outline-offset:6px;outline:3px solid #3f86ad80}.lab-node[data-tone=done]{--node-bg:var(--lab-gold);--node-shade:var(--lab-gold-shade)}.lab-node[data-tone=locked]{--node-bg:#e7e0d4;--node-shade:#cfc4b1;color:#aea393}.lab-node[data-tone=premium]{--node-bg:#efe3c2;--node-shade:#d5c190;color:#8a6a1f}.lab-node[data-tone=review]{--node-bg:var(--lab-pick);--node-shade:#2c6788}.lab-node[data-tone=checkpoint]{--node-bg:var(--lab-coral);--node-shade:var(--lab-coral-shade)}.lab-node-ring{pointer-events:none;position:absolute;inset:-.65rem}.lab-bob{animation:1.8s ease-in-out infinite lab-bob}@keyframes lab-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes lab-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes lab-pulse-ring{0%{box-shadow:0 0 #4c8b5d73}to{box-shadow:0 0 0 16px #4c8b5d00}}.lab-speaking{animation:1.1s ease-out infinite lab-pulse-ring}@keyframes lab-confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift,0), 105vh, 0) rotate(var(--spin,540deg));opacity:.9}}.lab-confetti{width:10px;height:14px;animation:lab-confetti-fall var(--dur,2.8s) cubic-bezier(.25, .6, .4, 1) var(--delay,0s) forwards;border-radius:2px;position:absolute;top:0}@media (prefers-reduced-motion:reduce){.lab-card[data-state=wrong],.lab-bob,.lab-speaking,.lab-confetti{animation:none!important}.lab-progress__fill{transition:none}}