:root{--bg-app:#f7f7f8;--bg-surface:#fff;--bg-muted:#f1f1f4;--bg-selected:#e9e9ed;--border:#e8e8ec;--text:#1b1d21;--text-sub:#555a63;--text-mute:#7c818a;--ok:#17774b;--warn:#946405;--danger:#b3342c;--focus:#2c63d6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--control-h:32px;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.12s;--base:.18s;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-stage:"Andika", system-ui, sans-serif}@media (pointer:coarse){:root{--control-h:44px}}@media (prefers-reduced-motion:reduce){:root{--fast:0s;--base:0s}}:root{--stage-w:1024;--stage-h:768;--stage-bg:#eaf4e4;--stage-ground:#d6ebc9;--stage-ink:#26331f;--stage-ink-soft:#1d2a17;--stage-card-back:#5b8f4a;--stage-card-face:#fff;--stage-accent:#e0a21b;--stage-ok:#17774b;--stage-min-target:96px;--stage-gap:14px;--stage-outline:3px}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/andika-latin-400-H5rGtLJ7.woff2)format("woff2")}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/andika-latin-700-Ckk9Lxqk.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:14px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);cursor:pointer;transition:background var(--fast) var(--ease);font-weight:500;display:inline-flex}a.btn{color:inherit;text-decoration:none}.btn:hover{background:var(--bg-muted)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--text);border-color:var(--text);color:#fff}.btn.primary:hover{background:#2a2d33}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dot{background:var(--text-mute);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes spin{to{transform:none}}@keyframes pop{0%{opacity:0}to{opacity:1}}}#code::placeholder{letter-spacing:0;text-transform:none;font-size:15px}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@keyframes coachPulse{0%{box-shadow:0 0 #2c63d68c}to{box-shadow:0 0 0 12px #2c63d600}}.coach-pulse{outline:2px solid var(--focus);outline-offset:2px;animation:1.4s ease-out infinite coachPulse}:root[data-motion=reduce] .coach-pulse{animation:none}.demo{background:var(--bg-app);flex-direction:column;display:flex;position:fixed;inset:0}.demo-body{flex:1;min-height:0;padding:0 20px 20px;overflow:auto}.demo-panes{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:20px;max-width:1480px;margin:0 auto;display:grid}.demo-teacher{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;height:clamp(500px,100dvh - 250px,760px);position:relative;overflow:hidden}.demo-tablet{background:#1b1d21;border-radius:26px;padding:12px}.demo-tablet-screen{aspect-ratio:4/3;background:#fff;border-radius:14px;position:relative;overflow:hidden}.demo-label{align-items:baseline;gap:8px;margin:0 2px 8px;font-weight:600;display:flex}.demo-label span{color:var(--text-sub);font-size:12.5px;font-weight:400}.demo-tabs{display:none}.demo-narrow .demo-body{padding:0;position:relative;overflow:hidden}.demo-narrow .demo-panes{inset:0 0 calc(64px + env(safe-area-inset-bottom)) 0;max-width:none;display:block;position:absolute}.demo-narrow .demo-pane{position:absolute;inset:0}.demo-narrow .demo-pane[hidden]{display:none}.demo-narrow .demo-tabs{height:calc(64px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--border);box-sizing:border-box;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}[data-coach-step="1"] [data-coach-target=student],[data-coach-step="2"] [data-coach-target=theme],[data-coach-step="3"] [data-coach-target=qr]{outline:2px solid var(--focus);outline-offset:3px;border-radius:14px;animation:1.4s ease-out infinite coachPulse}:root[data-motion=reduce] [data-coach-target]{animation:none!important}