:root{--ink: #1a2216;--ink-soft: #3d4638;--muted: #6b7464;--paper: #f7f3ea;--paper-2: #efe9dc;--line: #d8d0c0;--green: #3f6b2c;--green-deep: #24361c;--gold: #c4a35a;--cream: #f4ecd8;--white: #fffcf6;--best: #5C9E32;--blunder: #CA3431}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}.app{max-width:1180px;margin:0 auto;padding:20px 20px 48px}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.kicker{margin:0 0 4px;letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--gold)}h1{margin:0;font-family:Georgia,Iowan Old Style,serif;font-size:32px;font-weight:500;color:var(--green-deep)}.status{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--paper-2);color:var(--muted)}.pill.ready{background:#e7f3dc;color:var(--green-deep)}.pill.loading{background:#f3ead0;color:#7a5b16}.pill.error{background:#f8e0de;color:var(--blunder)}.desk{display:grid;grid-template-columns:16px minmax(280px,520px) minmax(260px,1fr);gap:14px;align-items:start}.eval-bar{position:relative;height:min(72vw,520px);max-height:520px;background:#1a1a1a;border-radius:3px;overflow:hidden}.eval-bar-fill{position:absolute;left:0;right:0;bottom:0;background:#f4f1e8}.eval-bar-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;color:#1a1a1a;mix-blend-mode:difference}.board-frame{width:100%;max-width:520px}.teacher{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:14px 16px 16px;min-height:320px;display:flex;flex-direction:column;gap:12px}.teacher-avatar{display:flex;align-items:center;gap:12px}.teacher-avatar-ring{width:104px;height:104px;border-radius:50%;padding:3px;background:var(--paper-2);flex-shrink:0}.teacher-avatar-ring img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;border-radius:50%}.teacher-avatar.idle .teacher-avatar-ring img{animation:idle-breathe 3.6s ease-in-out infinite}.teacher-avatar.speaking .teacher-avatar-ring{background:#3f6b2c;animation:speak-ring .7s ease-in-out infinite}.teacher-avatar.speaking img{animation:talk-nod .22s ease-in-out infinite}.teacher-avatar.thinking .teacher-avatar-ring img{animation:think-tilt 2.2s ease-in-out infinite}@keyframes idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes talk-nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(1.2px) rotate(-.6deg)}}@keyframes think-tilt{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.6deg)}}.teacher-avatar-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.teacher-avatar-meta b{font-family:Georgia,Iowan Old Style,serif;font-size:18px;font-weight:500;color:var(--green-deep)}.teacher-avatar-meta span{font-size:12px;color:var(--muted)}.teacher-avatar.listening .teacher-avatar-ring{background:var(--green-deep);animation:pulse 1.8s ease-in-out infinite}@keyframes speak-ring{0%,to{box-shadow:0 0 #3f6b2c59}50%{box-shadow:0 0 0 6px #3f6b2c00}}.teacher-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.opening-badge,.depth{font-size:12px;color:var(--muted)}.opening-badge{background:var(--paper-2);padding:3px 8px;border-radius:999px}.class-badge{color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.speech h2{margin:0 0 8px;font-size:18px;color:var(--green-deep)}.speech p{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink-soft)}.teacher.kids .speech h2{font-size:20px}.teacher.kids .speech p{font-size:17px;line-height:1.4}.lesson-progress{height:6px;border-radius:99px;background:var(--paper-2);overflow:hidden}.lesson-progress i{display:block;height:100%;background:var(--green);border-radius:99px}.eval-bar-quiet{background:linear-gradient(to top,#f4f1e8 50%,#1a1a1a 50%)}.speech.blunder{background:#fbeeee;margin:0 -6px;padding:10px;border-radius:6px}.speech.mistake{background:#fbf1e4;margin:0 -6px;padding:10px;border-radius:6px}.source{display:block;margin-top:8px;color:var(--muted);font-size:11px}.engine-lines{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}.engine-line{display:flex;gap:8px;padding:3px 0}.engine-line span{margin-left:auto}.chat-log{display:flex;flex-direction:column;gap:8px;max-height:140px;overflow-y:auto;padding-right:4px}.bubble{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;padding:8px 10px;border-radius:8px;background:var(--paper-2);color:var(--ink-soft)}.bubble-body{display:flex;flex-direction:column;gap:2px;min-width:0}.bubble-face{width:22px;height:22px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex-shrink:0;margin-top:1px}.bubble b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bubble.user{background:#e7f3dc;align-self:flex-end;max-width:92%}.bubble.assistant{background:var(--paper);border:1px solid var(--line)}.talk-form{display:grid;grid-template-columns:1fr auto;gap:8px}.talk-form input{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:10px 12px;color:var(--ink)}.voice-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mic.on{background:var(--green-deep);color:var(--cream);border-color:var(--green-deep);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--green-deep);border-radius:8px;padding:10px 12px;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--green-deep);color:var(--cream);border-color:var(--green-deep)}.pgn-strip{margin-top:14px;display:flex;gap:10px;overflow-x:auto;padding:10px 4px;border-top:1px solid var(--line)}.pgn-pair{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.pgn-num{color:var(--muted);font-size:12px}.ply{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.ply.active{background:#e7f3dc}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.muted{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.check{display:flex;gap:6px;align-items:center;color:var(--ink-soft)}select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:8px 10px;color:var(--ink)}.pgn-box{margin-top:18px;display:grid;gap:8px}.pgn-box label{font-size:13px;color:var(--muted)}@media(max-width:860px){.desk{grid-template-columns:14px 1fr;grid-template-rows:auto auto}.eval-bar{height:min(92vw,420px);grid-row:1}.board-frame{grid-column:2;max-width:none}.teacher{grid-column:1 / -1;min-height:0}.thumbs button{min-height:44px}h1{font-size:26px}.desk.kids{grid-template-columns:1fr 140px}.desk.kids .teacher.presence .fox-svg{width:120px;height:144px}.piece-pop{width:120px}.desk.kids .board-frame{grid-column:auto;max-width:none}.teacher.kids.visual{flex-direction:row;justify-content:center;grid-column:auto}.teacher-avatar.lg .teacher-avatar-ring{width:112px;height:112px}}.app.kids{max-width:980px;padding:12px 12px 28px}.desk.kids{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) 200px;gap:12px;align-items:center}.desk.kids .teacher.presence{position:relative;right:auto;bottom:auto;z-index:1;min-height:0;transform:none;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px}.desk.kids .teacher.presence .icon-row{pointer-events:auto}.desk.kids .teacher.presence .fox-svg{width:168px;height:200px;filter:drop-shadow(0 10px 16px rgba(60,36,16,.22))}.piece-pop{position:relative;left:auto;top:auto;width:168px;z-index:1;pointer-events:none;animation:pop-in .55s cubic-bezier(.18,1.4,.32,1) both}.piece-pop img{display:block;width:100%;height:auto;border-radius:18px;background:#fff8ee;box-shadow:0 10px 20px #24180c38;animation:pop-float 2.4s ease-in-out infinite}@keyframes pop-in{0%{transform:scale(.2) rotate(-12deg);opacity:0}70%{transform:scale(1.08) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pop-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(2deg)}}.fox-wrap.alive{animation:fox-sway 4.6s ease-in-out infinite}.fox-wrap.alive .fox-body{animation:fox-breathe 3.2s ease-in-out infinite}.fox-wrap.alive .fox-tail{animation:fox-tail 2.2s ease-in-out infinite}.fox-wrap.look-board .fox-eyes{transform:translate(-5px,2px)}.fox-wrap.look-child .fox-eyes{transform:translate(0)}.fox-wrap.speaking.look-board .fox-arm-l{animation:fox-point .9s ease-in-out infinite}@keyframes fox-sway{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-6px) rotate(1.2deg)}}@keyframes fox-point{0%,to{transform:rotate(18deg) translate(-4px,-8px)}50%{transform:rotate(38deg) translate(-10px,-16px)}}.board-stage{position:relative;width:100%;max-width:640px;margin:0 auto}.board-stage.good{animation:board-good .72s ease}.board-stage.oops{animation:board-oops .55s ease}@keyframes board-good{0%,to{filter:none}40%{filter:saturate(1.3) brightness(1.08)}}@keyframes board-oops{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes task-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.board-cues{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;z-index:4}.square-ping{position:absolute;width:12.5%;height:12.5%;border-radius:12%;box-sizing:border-box;border:3px solid #5C9E32;animation:ping-ring 1.1s ease-out infinite}.square-ping.to{border-color:#c4a35a;background:#c4a35a2e;animation-delay:.18s}@keyframes ping-ring{0%{box-shadow:0 0 #5c9e3280}70%{box-shadow:0 0 0 12px #5c9e3200}to{box-shadow:0 0 #5c9e3200}}.session-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0}.session-gate .fox-wrap{pointer-events:none}.play-orb{width:64px;height:64px;margin-top:-28px;border-radius:50%;background:var(--green-deep);position:relative;box-shadow:0 8px 20px #24361c59}.play-orb:after{content:"";position:absolute;left:24px;top:18px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--cream)}.teacher.kids.visual{background:transparent;border:0;min-height:0;align-items:center;padding:4px;gap:10px}.teacher-avatar{position:relative}.teacher-avatar.lg .teacher-avatar-ring{width:168px;height:168px}.voice-bars{position:absolute;right:-8px;bottom:20px;display:flex;gap:3px;align-items:flex-end;height:22px}.voice-bars i{width:4px;background:var(--green);border-radius:2px;transform-origin:bottom;animation:bar .7s ease-in-out infinite}.voice-bars i:nth-child(1){height:8px}.voice-bars i:nth-child(2){height:16px;animation-delay:.1s}.voice-bars i:nth-child(3){height:12px;animation-delay:.2s}.voice-bars i:nth-child(4){height:18px;animation-delay:.15s}@keyframes bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.ear-dot{position:absolute;right:10px;top:14px;width:14px;height:14px;border-radius:50%;background:#5c9e32;animation:pulse 1.4s ease-in-out infinite}.lesson-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:168px}.lesson-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.lesson-dots i.on{background:var(--green)}.icon-row,.icon-dock{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.icon-dock{margin-top:14px}.icon-btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn.on{background:var(--green-deep);color:var(--cream);border-color:var(--green-deep)}.teacher-avatar.blunder .teacher-avatar-ring,.teacher-avatar.mistake .teacher-avatar-ring{background:#ca3431}.teacher-avatar.best .teacher-avatar-ring,.teacher-avatar.brilliant .teacher-avatar-ring,.teacher-avatar.book .teacher-avatar-ring{background:#5c9e32}.grownup{margin-top:16px;display:flex;gap:8px;align-items:center;justify-content:center;opacity:.75}.fox-wrap{display:flex;align-items:flex-end;justify-content:center}.fox-svg{width:176px;height:210px;overflow:visible;display:block}.fox-wrap.hero .fox-svg{width:min(62vw,300px);height:min(74vw,360px)}.fox-arm-l,.fox-arm-r,.fox-head,.fox-tail,.fox-ear-l,.fox-ear-r,.fox-body,.fox-eyes{transform-box:fill-box}.fox-arm-l{transform-origin:70% 12%}.fox-arm-r{transform-origin:30% 12%}.fox-head{transform-origin:50% 80%}.fox-tail{transform-origin:85% 85%}.fox-ear-l,.fox-ear-r{transform-origin:50% 100%}.fox-body{transform-origin:50% 80%}.fox-eyes{transform-origin:50% 50%}.fox-mouth.open,.fox-wrap.talk .fox-mouth.closed{display:none}.fox-wrap.talk .fox-mouth.open{display:inline}.fox-wrap.idle .fox-body{animation:fox-breathe 3.4s ease-in-out infinite}.fox-wrap.idle .fox-tail{animation:fox-tail 2.4s ease-in-out infinite}.fox-wrap.idle .fox-head{animation:fox-idle-head 4s ease-in-out infinite}.fox-wrap.wave .fox-arm-r,.fox-wrap.hero .fox-arm-r{animation:fox-wave .55s ease-in-out infinite}.fox-wrap.wave .fox-arm-l{animation:fox-wave-other .7s ease-in-out infinite}.fox-wrap.speaking .fox-head{animation:fox-talk-head .45s ease-in-out infinite}.fox-wrap.speaking .fox-arm-l{animation:fox-talk-hand 1.1s ease-in-out infinite}.fox-wrap.speaking .fox-tail{animation:fox-tail 1.2s ease-in-out infinite}.fox-wrap.listening .fox-ear-l,.fox-wrap.listening .fox-ear-r{animation:fox-ears .9s ease-in-out infinite}.fox-wrap.listening .fox-head{animation:fox-listen-lean 1.8s ease-in-out infinite}.fox-wrap.listening .fox-arm-r{animation:fox-cup-ear 1.6s ease-in-out infinite}.fox-wrap.thinking .fox-head{animation:fox-think 2s ease-in-out infinite}.fox-wrap.thinking .fox-arm-r{animation:fox-chin 2s ease-in-out infinite}.fox-wrap.yay .fox-arm-l,.fox-wrap.yay .fox-arm-r{animation:fox-cheer .45s ease-in-out infinite}.fox-wrap.yay .fox-head{animation:fox-bounce .45s ease-in-out infinite}.fox-wrap.yay .fox-tail{animation:fox-tail .35s ease-in-out infinite}.fox-wrap.oops .fox-arm-l{animation:fox-oops-l .6s ease-in-out infinite}.fox-wrap.oops .fox-arm-r{animation:fox-oops-r .6s ease-in-out infinite}.fox-wrap.oops .fox-head{animation:fox-oops-head .7s ease-in-out infinite}.fox-wrap.blink .fox-eyes{transform:scaleY(.12)}@keyframes fox-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,1.015)}}@keyframes fox-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(14deg)}}@keyframes fox-idle-head{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.4deg)}}@keyframes fox-wave{0%,to{transform:rotate(8deg)}50%{transform:rotate(-72deg)}}@keyframes fox-wave-other{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes fox-talk-head{0%,to{transform:translateY(0)}50%{transform:translateY(2px) rotate(-1deg)}}@keyframes fox-talk-hand{0%,to{transform:rotate(6deg)}50%{transform:rotate(-28deg)}}@keyframes fox-ears{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)}}@keyframes fox-listen-lean{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px) rotate(4deg)}}@keyframes fox-cup-ear{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-36deg)}}@keyframes fox-think{0%,to{transform:rotate(-6deg)}50%{transform:rotate(5deg)}}@keyframes fox-chin{0%,to{transform:rotate(-20deg) translateY(-6px)}50%{transform:rotate(-32deg) translateY(-10px)}}@keyframes fox-cheer{0%,to{transform:rotate(-70deg)}50%{transform:rotate(-100deg)}}@keyframes fox-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fox-oops-l{0%,to{transform:rotate(48deg) translate(8px,-18px)}50%{transform:rotate(56deg) translate(10px,-20px)}}@keyframes fox-oops-r{0%,to{transform:rotate(-48deg) translate(-8px,-18px)}50%{transform:rotate(-56deg) translate(-10px,-20px)}}@keyframes fox-oops-head{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media(max-width:860px){.fox-svg{width:132px;height:158px}}.survey{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px 16px 32px;overflow:auto}.survey-bars{position:relative;right:auto;bottom:auto}.survey-ear{position:relative;right:auto;top:auto}.survey-dots{display:flex;gap:8px}.survey-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.survey-dots i.on{background:var(--green)}.survey-orbs{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}.survey-orbs.pair{gap:28px}.orb{width:88px;height:88px;min-width:88px;padding:0;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 20px #24361c2e}.orb.yes{background:#7cfc00}.orb.no{background:#c4a35a}.orb.key-A{background:#d9d3c7}.orb.key-B{background:#f0d27a}.orb.key-C{background:#8fbf6a}.orb.key-D{background:#6aa7c4}.orb.key-E{background:#e07a3a}.survey-orbs.scale .orb.key-A{width:64px;height:64px;min-width:64px}.survey-orbs.scale .orb.key-B{width:72px;height:72px;min-width:72px}.survey-orbs.scale .orb.key-C{width:80px;height:80px;min-width:80px}.survey-orbs.scale .orb.key-D{width:88px;height:88px;min-width:88px}.survey-orbs.scale .orb.key-E{width:96px;height:96px;min-width:96px}.teacher.kids.visual.presence.is-talk .fox-svg{transform:scale(1.04)}.teacher.kids.visual.presence.is-hear .fox-wrap{filter:drop-shadow(0 0 18px rgba(92,158,50,.45))}.icon-btn.live{box-shadow:0 0 0 4px #5c9e3259}.app.surveying .desk,.app.surveying .icon-dock,.app.surveying .grownup{visibility:hidden;pointer-events:none}.app.kids .icon-dock{opacity:.18;transition:opacity .25s ease}.app.kids .icon-dock:hover,.app.kids .icon-dock:focus-within{opacity:1}.survey.voice-only .fox-wrap{filter:drop-shadow(0 16px 28px rgba(60,36,16,.2))}.app.talking .survey .fox-wrap{transform:scale(1.03)}.app.hearing .survey .fox-wrap{filter:drop-shadow(0 0 22px rgba(92,158,50,.5))}