:root{--paper: #f4ecdc;--card: #fbf7ee;--raised: #fffdf8;--line: #e6dac2;--line-2: #ece0cb;--divider: #e1d4bb;--ink: #2a2420;--ink-2: #574c3e;--muted: #8a7c68;--muted-2: #a6987f;--muted-3: #b0a48e;--foundry: #c75d3a;--foundry-deep: #a4472a;--foundry-grad: linear-gradient(150deg, #d86b47, #b14a28);--foundry-tint: #f5dcd0;--foundry-track: #e7c7b8;--foundry-chip-bg: #f2ddd3;--foundry-fill: #d86b47;--foundry-empty: #f7e3d9;--city: #3c6ca6;--city-deep: #305c8e;--city-grad: linear-gradient(150deg, #4e7db0, #305c8e);--city-tint: #d6e2ef;--city-track: #bbd0e6;--city-chip-bg: #d6e2ef;--city-block: #4e7db0;--garden: #5e8c3f;--garden-deep: #4c7a30;--garden-grad: linear-gradient(150deg, #6fa04a, #4c7a30);--garden-tint: #dde9ce;--garden-track: #c3d6ae;--garden-chip-bg: #dde9ce;--garden-light: #8fbf6a;--ochre: #e0a82e;--ochre-deep: #b9831a;--ochre-bg: #fbf1dc;--ochre-line: #ecd9ae;--plum: #8a5b73;--plum-grad: linear-gradient(150deg, #9e6a82, #7e4e66);--plum-tint: #f4e9ef;--success: #5e8c3f;--success-deep: #4c7a30;--accent: var(--foundry);--accent-deep: var(--foundry-deep);--accent-grad: var(--foundry-grad);--tint: var(--foundry-tint);--toggle-track: var(--foundry-track);--chip-bg: var(--foundry-chip-bg);--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--r-sm: 8px;--r-ctrl: 12px;--r-card: 16px;--r-card-lg: 20px;--r-pill: 999px;--shadow-card: 0 18px 36px -28px rgba(80, 50, 20, .8);--shadow-btn: 0 8px 18px -8px rgba(167, 71, 42, .9);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .3);--rail-w: 76px;--terracotta: #c75d3a;--terracotta-deep: #a4472a;--place-value: #3c6ca6;--amber: #e0a82e;--reference: #8a5b73;--correct: #5e8c3f;--nudge: #c75d3a;--ink-soft: #6f6355;--paper-2: #f4ecdc;--radius: 14px;--radius-lg: 22px;--gap: 16px;--maxw: 960px}[data-machine=foundry]{--accent: var(--foundry);--accent-deep: var(--foundry-deep);--accent-grad: var(--foundry-grad);--tint: var(--foundry-tint);--toggle-track: var(--foundry-track);--chip-bg: var(--foundry-chip-bg)}[data-machine=city]{--accent: var(--city);--accent-deep: var(--city-deep);--accent-grad: var(--city-grad);--tint: var(--city-tint);--toggle-track: var(--city-track);--chip-bg: var(--city-chip-bg)}[data-machine=garden]{--accent: var(--garden);--accent-deep: var(--garden-deep);--accent-grad: var(--garden-grad);--tint: var(--garden-tint);--toggle-track: var(--garden-track);--chip-bg: var(--garden-chip-bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);background-image:linear-gradient(rgba(180,165,130,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(180,165,130,.16) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:var(--font-body);cursor:pointer}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.streak-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ochre-bg);border:1px solid var(--ochre-line);border-radius:var(--r-pill);padding:6px 12px;opacity:.72;font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--ochre-deep)}.avatar{width:34px;height:34px;flex:none;border-radius:var(--r-pill);background:var(--foundry-chip-bg);border:1px solid #e6c7b8;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--foundry-deep)}.logo-tile{display:grid;place-items:center;background:var(--foundry);border-radius:11px;transform:rotate(-4deg);color:#fbf1e2}.engine-badge{display:inline-flex;align-items:center;gap:5px;background:#efe6d2;border-radius:var(--r-pill);padding:5px 11px;font-family:var(--font-mono);font-size:10.5px;color:#6f6355}.shell{display:flex;min-height:100vh}.nav-rail{width:var(--rail-w);flex:none;height:100vh;position:sticky;top:0;background:var(--card);border-right:1px solid var(--line-2);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:6px}.rail-logo{width:34px;height:34px;border:none}.rail-spacer{height:8px}.rail-item{width:52px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 0;border-radius:var(--r-ctrl);border:none;background:none;color:var(--muted-2);font-size:9px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.rail-item span{font-weight:600}.rail-item.active{background:#f2ddd3;color:var(--foundry-deep)}.rail-item.active span{font-weight:700}.shell-content{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.bottom-nav{display:none}@media(max-width:640px){.nav-rail{display:none}.shell{flex-direction:column}.shell-content{min-height:calc(100vh - 60px);padding-bottom:64px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;padding:9px 12px 13px;background:var(--raised);border-top:1px solid var(--line-2);z-index:20}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--muted-2);font-family:var(--font-mono);font-size:9.5px;font-weight:600;text-transform:uppercase}.tab.active{color:var(--foundry);font-weight:700}}.dc-stage{--dc-accent: #e0a82e;height:100dvh;display:grid;grid-template-columns:minmax(330px,31%) 1fr;overflow:hidden;font-family:var(--font-body);background:#fff}.dc-stage.solo{grid-template-columns:1fr}.dc-stage.solo .dc-hero-top .dc-brand{display:flex}.ap{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:#fff;color:var(--ink);padding:32px 38px;box-shadow:12px 0 50px -30px #281e0f8c}.ap-brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:21px;color:var(--ink)}.ap-logo{width:32px;height:32px;border-radius:9px;background:var(--terracotta);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:17px;transform:rotate(-5deg)}.ap-body{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:344px;padding:22px 0}.ap-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--terracotta-deep);margin:0 0 8px}.ap-title{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.08;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}.ap-sub{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 20px}.ap-seg{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:10px}.ap-seg button{flex:1;background:transparent;border:none;color:var(--muted);border-radius:8px;padding:9px 6px;font-size:13.5px;font-weight:600;cursor:pointer}.ap-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}.ap-seg-role button.on{background:var(--terracotta);color:#fff;box-shadow:none}.ap-label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:12px 0 5px}.ap-input{width:100%;background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;font-size:15px;color:var(--ink);outline:none;font-family:var(--font-body)}.ap-input:focus{border-color:var(--terracotta)}.ap-error{color:#c0392b;font-size:13px;margin:10px 0 0}.ap-btn{width:100%;margin-top:16px;background:var(--terracotta);border:none;color:#fff;border-radius:12px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-btn)}.ap-btn:hover:not(:disabled){background:var(--terracotta-deep)}.ap-btn:disabled{opacity:.5}.ap-foot{font-size:11.5px;color:var(--muted-2);line-height:1.5;margin:18px 0 0}.dc-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;color:#f4ecdc;background:radial-gradient(120% 95% at 70% 6%,#2a2049,#160f2c 55%,#0a0716)}.dc-stage[data-theme=space] .dc-hero{background:radial-gradient(120% 95% at 70% 6%,#2a2049,#160f2c 55%,#0a0716)}.dc-stage[data-theme=flags] .dc-hero{background:radial-gradient(120% 95% at 30% 6%,#4a1622,#1d1330 55%,#0c0a1a)}.dc-stage[data-theme=ufo] .dc-hero{background:radial-gradient(120% 95% at 50% 6%,#0f3530,#0c2026 55%,#060f14)}.dc-stage[data-theme=eco] .dc-hero{background:radial-gradient(120% 95% at 60% 6%,#103b39,#0d2722 55%,#07140f)}.dc-stage[data-theme=fireworks] .dc-hero{background:radial-gradient(120% 95% at 50% 6%,#1b2350,#121634 55%,#080a18)}.dc-stage[data-theme=pitch] .dc-hero{background:radial-gradient(120% 95% at 50% 6%,#16401f,#0f2a16 55%,#07140a)}.dc-stage[data-theme=germs] .dc-hero{background:radial-gradient(120% 95% at 60% 6%,#103834,#0c2422 55%,#06130f)}.dc-stage[data-theme=chocolate] .dc-hero{background:radial-gradient(120% 95% at 60% 6%,#3a241a,#241510 55%,#140b07)}.dc-stage[data-theme=bracket] .dc-hero{background:radial-gradient(120% 95% at 50% 6%,#2a2440,#1a1530 55%,#0c0a1a)}.dc-stars{position:absolute;inset:0;pointer-events:none;z-index:1}.dc-stars span{position:absolute;border-radius:50%;background:#fff;opacity:.5;animation:dc-tw ease-in-out infinite}@keyframes dc-tw{0%,to{opacity:.2}50%{opacity:.85}}.dc-confetti{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.dc-confetti span{position:absolute;top:-14px;border-radius:2px;animation-name:dc-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes dc-fall{to{transform:translateY(106vh) rotate(560deg);opacity:.15}}.dc-hero-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;min-height:64px}.dc-brand{display:none;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:20px;color:#fffdf8}.dc-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--dc-accent);color:#15100a;font-family:var(--font-display);font-weight:800;transform:rotate(-5deg)}.dc-hero-top-right{display:flex;align-items:center;gap:16px;margin-left:auto}.dc-date{font-family:var(--font-mono);font-size:12px;color:#b0a48e;letter-spacing:.04em}.dc-signin{display:none;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#f4ecdc;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.dc-signin:hover{background:#ffffff29}.dc-hero-body{position:relative;z-index:3;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:0 56px 18px}.dc-scene{position:relative;display:grid;place-items:center;min-width:0;min-height:0}.dc-beams{width:100%;max-width:440px;height:auto}.dc-net-rot{transform-origin:150px 140px;animation:dc-spin 90s linear infinite}@keyframes dc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dc-orb-wrap{position:relative;display:grid;place-items:center;width:230px;height:230px}.dc-orb-glow{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,var(--dc-accent),transparent 66%);opacity:.22;animation:dc-pulse 5s ease-in-out infinite}.dc-orb{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;color:#fffaf0;background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.9),var(--dc-accent) 58%,rgba(0,0,0,.35) 100%);box-shadow:inset -10px -10px 24px #00000059,0 18px 40px -14px var(--dc-accent);animation:dc-bob 6s ease-in-out infinite}@keyframes dc-pulse{0%,to{opacity:.15;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}}@keyframes dc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dc-panel{min-width:0;max-width:560px}.dc-eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--dc-accent);margin-bottom:10px}.dc-diff{margin-left:6px;font-size:10px;letter-spacing:.12em;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#cdbfae;text-transform:uppercase}.dc-diff-hard{color:#f3a6a0;border-color:#f3a6a066}.dc-diff-medium{color:#f1c878;border-color:#f1c87866}.dc-diff-easy{color:#a7e07a;border-color:#a7e07a66}.dc-title{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.06;letter-spacing:-.02em;margin:0 0 5px;color:#fffdf8}.dc-theme-line{margin:0 0 16px;font-family:var(--font-mono);font-size:12px;color:var(--dc-accent);opacity:.9}.dc-setup{margin:0 0 16px;font-size:15px;line-height:1.6;color:#cdc1b0}.dc-question{font-weight:600;font-size:17.5px;line-height:1.45;color:#fffdf8;margin:0 0 16px}.dc-answer-row{display:flex;gap:10px;flex-wrap:wrap}.dc-input{flex:1;min-width:150px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:13px 15px;font-family:var(--font-mono);font-size:18px;color:#fffdf8;outline:none}.dc-input:focus{border-color:var(--dc-accent)}.dc-check{display:inline-flex;align-items:center;gap:8px;background:var(--dc-accent);border:none;color:#15100a;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:700}.dc-check:disabled{opacity:.45}.dc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.dc-choice{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.18);color:#f4ecdc;border-radius:13px;padding:15px;font-family:var(--font-mono);font-size:19px;font-weight:700;transition:border-color .15s,background .15s}.dc-choice:hover{border-color:var(--dc-accent);background:#ffffff1a}.dc-choice.wrong{border-color:#d8635a;background:#d8635a24}.dc-feedback{margin:14px 0 0;padding-left:14px;border-left:3px solid #d8635a;font-size:14px;line-height:1.5;color:#f0d9d4}.dc-nudge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:transparent;border:1px dashed rgba(199,155,177,.55);color:#d9b6c8;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}.dc-nudge:hover{background:#8a5b7329}.dc-coach{margin-top:16px;border-left:3px solid #8a5b73;padding-left:16px}.dc-coach-head{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:#c79bb1;margin-bottom:8px}.dc-hint{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#ecdfe8;margin:0 0 9px}.dc-hint span{flex:none;width:20px;height:20px;border-radius:50%;background:#c79bb140;color:#f0dceb;font-family:var(--font-mono);font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}.dc-more{display:inline-flex;align-items:center;gap:6px;background:#c79bb12e;border:none;color:#f0dceb;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.dc-coach-foot{margin:10px 0 0;font-size:11.5px;color:#b79aa9;font-style:italic}.dc-win{border-left:3px solid #5e8c3f;padding-left:16px}.dc-win-head{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:20px;color:#aee083}.dc-insight{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:#dcebcf}.dc-insight b{color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.dc-share{display:flex;align-items:center;gap:10px;margin-top:14px;font-family:var(--font-mono);font-size:12.5px;color:#c7baa7}.dc-share span{flex:1;line-height:1.45}.dc-copy{flex:none;display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:none;color:#f4ecdc;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:600}.dc-streak{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--font-mono);font-size:12px;color:#f1c878}.dc-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.dc-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#5e8c3f;border:none;color:#f1f6e9;border-radius:13px;padding:12px 22px;font-size:15px;font-weight:700}.dc-cta-btn:hover{background:#6fa04a}.dc-tomorrow{font-size:12.5px;color:#9b8f86}.dc-foot{position:relative;z-index:3;padding:14px;font-family:var(--font-mono);font-size:10.5px;color:#786c5c;text-align:center}@media(max-width:1023px){.dc-stage{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow-y:auto}.ap{display:none}.dc-hero-top .dc-brand{display:flex}.dc-hero-top .dc-signin{display:inline-flex}.dc-hero-body{grid-template-columns:1fr;gap:16px;padding:8px 22px 28px;align-content:center}.dc-scene{order:-1}.dc-beams{max-width:280px}.dc-orb-wrap{width:168px;height:168px}.dc-orb{width:116px;height:116px}.dc-title{font-size:27px}.dc-hero-top{padding:16px 20px}}.screen{width:100%;max-width:960px;margin:0;padding:16px 28px 48px}.screen.narrow{max-width:440px;margin:0 auto;padding:24px 18px 48px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.toggle-row:first-of-type{border-top:none}.toggle-row input{width:20px;height:20px;accent-color:var(--foundry)}.link-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--line);padding:14px 0;font-size:16px;color:var(--ink)}.link-row:first-of-type{border-top:none}.link-row.danger{color:var(--foundry-deep)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.card+.card{margin-top:14px}.h1{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.1;margin:6px 0}.h2{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0 0 4px}.sub{color:var(--ink-soft);margin:0 0 14px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field label{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.field input,.field select{padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);font-size:16px;color:var(--ink)}.field input:focus,.field select:focus{outline:none;border-color:var(--terracotta)}.seg-switch{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--paper-2);margin:4px 0 12px;width:100%}.seg-switch button{flex:1;border:none;background:none;padding:9px 0;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--ink-soft)}.seg-switch button.on{background:var(--card);color:var(--ink);font-weight:700;box-shadow:0 2px 6px -2px #00000026}.form-error{color:#a32d2d;background:#fceaea;border:1px solid #f0c0c0;border-radius:10px;padding:9px 12px;font-size:14px;margin:4px 0 12px}.btn{border:none;border-radius:14px;padding:13px 22px;font-size:16px;font-weight:700;color:#fffdf8;background:var(--terracotta)}.btn.block{width:100%}.btn.secondary{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}.btn.go{background:var(--garden)}.btn:disabled{opacity:.45}.consent-list{margin:12px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.consent-list li{display:flex;gap:10px;color:var(--ink-soft)}.consent-list .ok{color:var(--garden);font-weight:700}.check-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.streak{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;color:var(--terracotta-deep);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px}.eyebrow-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.chapter-card{display:block;width:100%;text-align:left;cursor:pointer}.chapter-card:hover{border-color:var(--terracotta)}.chapter-num{font-family:var(--font-mono);font-size:12px;color:var(--terracotta-deep)}.machine-icon{width:52px;height:52px;flex:none;border-radius:14px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:#fffdf8}.bar{height:8px;background:var(--paper-2);border-radius:999px;overflow:hidden;margin-top:12px;border:1px solid var(--line)}.bar>span{display:block;height:100%;background:var(--garden)}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.skill-row:first-of-type{border-top:none}.skill-meta{display:flex;flex-direction:column;gap:3px}.skill-title{font-weight:700}.skill-sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.status-dot{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft)}.status-dot.mastered{color:var(--garden);border-color:var(--garden)}.status-dot.started{color:var(--terracotta-deep);border-color:var(--terracotta)}.profile-grid{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 16px}.profile-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);min-width:110px}.profile-pick .av{width:44px;height:44px;border-radius:12px;background:var(--terracotta);color:#fffdf8;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px}.bug-step{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);margin-bottom:8px;font-size:15px}.bug-step .num{font-family:var(--font-mono);color:var(--ink-soft)}.bug-step.wrong{border-color:var(--nudge);background:#f7e6df}.bug-step.fine{border-color:var(--line);opacity:.7}.metric-line{font-family:var(--font-mono);font-size:13px;color:var(--ink-soft);margin-top:10px}.metric-line b{color:var(--ink)}.home{display:flex;flex-direction:column;flex:1}.greeting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;flex:none}.day-line{font-size:12.5px;color:var(--muted)}.greeting-name{font-size:24px;font-weight:800;margin:0}.greeting-right{display:flex;align-items:center;gap:12px}.greeting-right .avatar{border:1px solid #e6c7b8;cursor:pointer}.streak-pill{border:none}.home-body{flex:1;padding:8px 28px 26px;display:flex;flex-direction:column}.continue-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 16px;margin-bottom:22px;width:100%;text-align:left}.continue-play{color:var(--foundry);flex:none}.continue-mid{flex:1}.continue-label{font-size:11px;color:var(--muted)}.continue-title{font-weight:700;font-size:14px;color:var(--ink)}.continue-arrow{color:var(--foundry-deep);flex:none}.section-label{margin-bottom:14px;color:var(--foundry-deep)}.machine-grid{display:flex;gap:16px;flex-wrap:wrap}.machine-card{flex:1;min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card-lg);padding:22px;text-align:left;box-shadow:var(--shadow-card)}.machine-card:not(.locked):hover{border-color:var(--accent)}.machine-icon-tile{width:60px;height:60px;border-radius:var(--r-card);display:grid;place-items:center;margin-bottom:16px;background:var(--accent-grad);color:#fbf1e2;box-shadow:var(--inset-hi)}.machine-title{font-size:19px;font-weight:700;color:var(--ink)}.machine-sub{font-size:12.5px;color:var(--muted);margin:4px 0 16px}.machine-progress{display:flex;align-items:center;gap:9px}.mp-track{flex:1;height:7px;border-radius:4px;background:#eadfcb;overflow:hidden}.mp-fill{display:block;height:100%;background:var(--accent)}.mp-pct{font-size:11px;color:var(--accent-deep)}.machine-card.locked{background:#f4eee2;box-shadow:none;opacity:.92;cursor:default}.machine-card.locked .machine-title{color:var(--muted)}.machine-card.locked .machine-sub{color:var(--muted-2);margin-bottom:0}.locked-tile{background:#e3d8c2!important;color:var(--muted-2)!important;box-shadow:none}@media(max-width:640px){.machine-grid{flex-direction:column}.machine-card{min-width:0}.greeting-row,.home-body{padding-left:18px;padding-right:18px}}.wj{max-width:600px;margin:0 auto;padding:18px 24px 60px}.wj .day-line{font-size:12.5px;color:var(--muted)}.wj-head{margin-bottom:12px}.wj-title{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--ink);margin:2px 0 0}.wj-path{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 0}.wj-path:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:3px;transform:translate(-50%);background:var(--line);border-radius:2px}.wj-step{position:relative;display:flex;padding:7px 0}.wj-step.left{justify-content:flex-start;padding-right:52%}.wj-step.right{justify-content:flex-end;padding-left:52%}.wj-node{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 14px;max-width:250px;cursor:pointer;box-shadow:var(--shadow-card);z-index:1;text-align:left;transition:transform .12s ease}.wj-node:hover:not(:disabled){transform:translateY(-2px)}.wj-step.right .wj-node{flex-direction:row-reverse;text-align:right}.wj-circle{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;flex:none;color:#fffdf8}.wj-node.mastered .wj-circle{background:var(--success)}.wj-node.current .wj-circle,.wj-node.progress .wj-circle{background:var(--terracotta)}.wj-node.open .wj-circle{background:var(--plum)}.wj-node.locked{opacity:.6;cursor:default;box-shadow:none}.wj-node.locked .wj-circle{background:#d8cebc;color:#8a7c68}.wj-node.current{box-shadow:0 0 0 3px #c75d3a40,var(--shadow-card)}.wj-meta b{display:block;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);line-height:1.15}.wj-meta span{font-size:11.5px;color:var(--muted)}.wj-board{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:28px auto 0;max-width:440px}.wj-board-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--ink);margin-bottom:12px}.wj-board-head>svg{color:var(--ochre)}.wj-rank{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--terracotta-deep)}.wj-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px}.wj-row.you{background:var(--tint)}.wj-pos{width:20px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.wj-name{flex:1;font-size:14px;color:var(--ink)}.wj-row.you .wj-name{font-weight:700}.wj-score{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--terracotta-deep)}.wj-board-foot{font-size:11px;color:var(--muted-2);margin:12px 0 0;line-height:1.4}@media(max-width:520px){.wj-step.left{padding-right:0}.wj-step.right{padding-left:0}.wj-path:before{left:26px}.wj-step{justify-content:flex-start}.wj-step.right .wj-node{flex-direction:row;text-align:left}.wj-node{max-width:none;width:100%}}.pg{display:flex;flex-direction:column;min-height:100%}.pg-head{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line-2, #ece0cb)}.pg-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:22px;color:#2a2420}.pg-head-right{display:flex;align-items:center;gap:12px}.pg-streak{display:inline-flex;align-items:center;gap:6px;background:#fbf1dc;border:1px solid #ecd9ae;border-radius:999px;padding:6px 12px;opacity:.72;font-family:var(--font-mono);font-weight:800;font-size:13px;color:#b9831a}.pg-streak svg{color:#e0a82e}.pg-avatar{width:34px;height:34px;border-radius:999px;background:#f2ddd3;border:1px solid #e6c7b8;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;color:#a4472a}.pg-body{display:flex;gap:22px;align-items:flex-start;padding:24px 28px}.pg-left{flex:1.1;min-width:0;display:flex;flex-direction:column;gap:18px}.pg-hero{display:flex;align-items:center;gap:18px;background:#edf3e3;border:1px solid #d4e3c2;border-radius:18px;padding:22px}.pg-ring{width:76px;height:76px;border-radius:50%;flex:none;display:grid;place-items:center}.pg-ring-inner{width:58px;height:58px;border-radius:50%;background:#edf3e3;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px;color:#4c7a30}.pg-hero-h{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.15;color:#2a2420}.pg-hero-sub{font-size:12.5px;color:#6e8456;margin-top:5px}.pg-fade{display:flex;gap:14px;align-items:flex-start;background:var(--plum-tint, #f4e9ef);border:1px solid #e6d2dd;border-radius:16px;padding:18px}.pg-fade-icon{color:#8a5b73;flex:none}.pg-fade-h{font-weight:700;font-size:15px;color:#2a2420}.pg-fade-b{font-size:13px;line-height:1.45;color:#6e5563;margin-top:4px}.pg-fade-chip{display:inline-flex;align-items:center;gap:5px;margin-top:10px;opacity:.45;font-size:12px;color:#8a7c68}.pg-rail{width:320px;flex:none;background:#fbf7ee;border:1px solid #e6dac2;border-radius:18px;padding:20px}.pg-rail-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:#a4472a;margin-bottom:16px}.pg-mrow{display:flex;align-items:center;gap:11px;margin-bottom:16px}.pg-mrow:last-child{margin-bottom:0}.pg-mmid{flex:1;min-width:0}.pg-mtitle{font-size:12.5px;font-weight:600;color:#2a2420;margin-bottom:6px}.pg-mtrack{display:block;height:8px;border-radius:4px;background:#eadfcb;overflow:hidden}.pg-mfill{display:block;height:100%;border-radius:4px}.pg-mpct{flex:none;font-family:var(--font-mono);font-size:11px}@media(max-width:760px){.pg-body{flex-direction:column}.pg-rail{width:100%}.pd-body{flex-direction:column}.pd-body aside{width:100%!important}}.ph{padding:18px 28px 44px;max-width:1100px}.ph .day-line{font-size:12.5px;color:var(--muted)}.ph-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.ph-title{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--ink);margin:2px 0 0}.ph-count{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.ph-feature{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:26px;cursor:pointer;box-shadow:var(--shadow-card)}.ph-feature-icon{width:46px;height:46px;border-radius:13px;background:var(--plum-grad);color:#f4e9ef;display:grid;place-items:center;flex:none}.ph-feature-label{font-size:11px;color:var(--muted)}.ph-feature-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.ph-feature-arrow{margin-left:auto;color:var(--terracotta-deep)}.ph-cat{margin-bottom:26px}.ph-cat-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ph-cat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a4472a}.ph-cat-count{font-family:var(--font-mono);font-size:11px;color:var(--muted-2)}.ph-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.ph-card{position:relative;text-align:left;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--c, #c75d3a);border-radius:14px;padding:14px 15px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ph-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.ph-card[data-cat=logic]{--c: #3a9d8a}.ph-card[data-cat=number]{--c: #c79235}.ph-card[data-cat=spatial]{--c: #7a6cc0}.ph-card[data-cat=pattern]{--c: #5e8c3f}.ph-card[data-cat=estimation]{--c: #d36a55}.ph-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;min-height:18px}.ph-diff{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.ph-diff-easy{background:#e7f0db;color:#4c7a30}.ph-diff-medium{background:#fbf1dc;color:#b9831a}.ph-diff-hard{background:#f6e0da;color:#b0492f}.ph-solved{color:var(--success)}.ph-card-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);line-height:1.2;margin-bottom:5px}.ph-card-sub{font-size:11.5px;color:var(--muted);line-height:1.35}@media(max-width:640px){.ph{padding:14px 18px 36px}.ph-row{grid-template-columns:1fr 1fr}}.pv-city{display:flex;gap:14px;width:100%}.pv-col{flex:1;background:var(--raised);border:1px solid var(--city-tint);border-radius:var(--r-card);padding:16px 12px;text-align:center;display:flex;flex-direction:column}.pv-head{font-size:10px;letter-spacing:.12em;color:#5e7c9a;margin-bottom:14px}.pv-well{min-height:130px;display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pv-well-unit{align-content:flex-end;max-width:80px;margin-left:auto;margin-right:auto}.pv-flat{width:44px;height:44px;border-radius:5px;background:var(--city-block);border:1.5px solid var(--city-deep);background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:8.8px 8.8px}.pv-rod{width:13px;height:56px;border-radius:3px;background:var(--city-block);border:1.5px solid var(--city-deep);background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px);background-size:100% 5.6px}.pv-unit{width:13px;height:13px;border-radius:2px;background:var(--city-block);border:1.5px solid var(--city-deep)}.pv-stepper{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto}.pv-value{font-size:18px;font-weight:700;color:var(--city-deep);min-width:2ch}.pv-city.ok .pv-flat,.pv-city.ok .pv-rod,.pv-city.ok .pv-unit{background-color:var(--success);border-color:var(--success-deep)}@media(max-width:560px){.pv-flat{width:38px;height:38px}}.ag{display:flex;gap:22px;width:100%}.ag-rail{width:210px;flex:none;display:flex;flex-direction:column;gap:14px}.ag-target{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--ink);color:#f4ecdc;border-radius:var(--r-pill);padding:9px 16px;font-size:14px;font-weight:600}.ag-stepcard{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-card);padding:14px}.ag-label{font-size:10px;color:#6e8c52;margin-bottom:9px;letter-spacing:.1em}.ag-stepline{display:flex;align-items:center;justify-content:space-between}.ag-step{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--garden-track);background:#f4f8ee;color:var(--garden-deep);font-size:18px;font-weight:700}.ag-step:disabled{opacity:.4}.ag-val{font-size:22px;font-weight:800;color:var(--ink)}.ag-divider{height:1px;background:#efe6d2;margin:12px 0}.ag-chips{display:flex;gap:8px}.ag-chip{flex:1;text-align:center;background:var(--garden-chip-bg);color:var(--garden-deep);border:none;border-radius:9px;padding:9px 0;font-size:12px;font-weight:700}.ag-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ag-across{font-size:12px;font-weight:700;color:var(--garden-deep);margin-bottom:9px}.ag-gridrow{display:flex;align-items:center;gap:12px}.ag-rowlabel{font-size:12px;font-weight:700;color:var(--garden-deep);writing-mode:vertical-rl;transform:rotate(180deg)}.ag-grid{display:grid;gap:9px;background:#e3d2b0;border:2px solid #c9b486;border-radius:14px;padding:15px;max-width:360px}.ag-plant{width:26px;height:26px;border-radius:999px;background:radial-gradient(circle at 35% 30%,var(--garden-light),var(--garden-deep))}.ag-plant.ok{background:radial-gradient(circle at 35% 30%,#b6e08a,var(--success-deep))}@media(max-width:640px){.ag{flex-direction:column}.ag-rail{width:100%}.ag-plant{width:20px;height:20px}}.lesson{width:100%;max-width:var(--maxw);margin:0 auto;padding:16px 18px 48px}.ff-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.ff-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ff-back{background:none;border:none;color:var(--ink-soft);font-size:14px;display:inline-flex;gap:6px;align-items:center}.ff-prompt{font-family:var(--font-display);font-weight:700;font-size:21px;line-height:1.15;margin:8px 0 16px}.ff-progress{display:flex;gap:6px;margin-bottom:10px}.ff-pip{height:6px;flex:1;border-radius:3px;background:var(--line)}.ff-pip.done{background:var(--correct)}.ff-pip.current{background:var(--terracotta)}.ff-stepper{display:flex;align-items:center;gap:12px;margin:6px 0;font-family:var(--font-mono);font-size:13px;color:var(--ink-soft)}.ff-step-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--paper);font-size:20px;color:var(--ink);line-height:1}.ff-step-btn:disabled{opacity:.4}.ff-step-val{min-width:2ch;text-align:center;font-size:18px;color:var(--ink);font-weight:700}.ff-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.ff-btn{border:none;border-radius:14px;padding:12px 22px;font-size:16px;font-weight:700;color:#fffdf8;background:var(--terracotta)}.ff-btn.secondary{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}.ff-btn.go{background:var(--garden)}.ff-btn:disabled{opacity:.45}.ff-coach{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;background:var(--paper-2);border-left:4px solid var(--terracotta);border-radius:0 12px 12px 0}.ff-coach .dot{width:30px;height:30px;flex:none;border-radius:9px;background:var(--terracotta);color:#fffdf8;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px}.ff-coach .lvl{font-family:var(--font-mono);font-size:11px;color:var(--terracotta-deep);text-transform:uppercase;letter-spacing:.06em}.ff-chip{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--terracotta-deep);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.ff-nameit{text-align:center;padding:12px 0 4px}.ff-nameit .big{font-family:var(--font-mono);font-size:40px;font-weight:700;color:var(--terracotta)}.ff-nameit .cap{color:var(--ink-soft);margin-top:6px}.mcq{display:flex;flex-direction:column;gap:10px}.mcq-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);font-size:17px;color:var(--ink)}.mcq-opt .mcq-mark{width:26px;height:26px;flex:none;border-radius:7px;background:var(--paper-2);display:grid;place-items:center;font-size:13px;color:var(--ink-soft)}.mcq-opt.selected{border-color:var(--place-value)}.mcq-opt.correct{border-color:var(--correct);background:#eef3e6}.mcq-opt.wrong{border-color:var(--nudge);background:#f7e6df}.lesson-root{min-height:100vh;display:flex;flex-direction:column}.lesson-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;flex:none;border-bottom:1px solid var(--divider);background:var(--tint)}.lt-left{display:flex;align-items:center;gap:13px;min-width:0}.lt-back{background:none;border:none;color:var(--accent);display:grid;place-items:center;padding:2px}.lt-logo{width:28px;height:28px;border-radius:9px}.lt-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);white-space:nowrap}.lt-machine-icon{color:var(--accent);display:grid;place-items:center}.lt-right{display:flex;align-items:center;gap:10px}.seg-toggle{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--toggle-track)}.seg-toggle button{border:none;background:none;padding:7px 18px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--accent-deep);opacity:.6}.seg-toggle button.on{background:#fbf6ec;opacity:1;font-weight:700;box-shadow:0 2px 6px -2px #0003}.voice-btn{width:34px;height:34px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--raised);color:var(--accent-deep);display:grid;place-items:center}.voice-btn.on{background:var(--accent);color:#fffdf8;border-color:transparent}.voice-btn.speaking{animation:vpulse 1.2s ease-in-out infinite}@keyframes vpulse{0%,to{box-shadow:0 0 #8a5b7300}50%{box-shadow:0 0 0 5px #8a5b7340}}.lesson-body{flex:1;display:flex;gap:24px;padding:26px 28px;min-height:0}.sim-col{flex:1;min-width:0;display:flex;flex-direction:column}.sim-stage{display:flex;flex-direction:column;gap:14px}.coach-col{width:300px;flex:none}.task-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--ink);color:#f4ecdc;border-radius:var(--r-pill);padding:9px 16px;font-size:14px;font-weight:600;margin-bottom:4px}.task-chip .ti{color:var(--ochre);display:grid;place-items:center}.coach-panel{background:var(--raised);border:1px solid var(--line-2);border-left:3px solid var(--plum);border-radius:var(--r-card);padding:17px}.coach-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.coach-av{width:38px;height:38px;border-radius:12px;background:var(--plum-grad);color:#f4e9ef;display:grid;place-items:center;animation:coachGlow 3.5s ease-in-out infinite}@keyframes coachGlow{0%,to{box-shadow:0 0 #8a5b7359}50%{box-shadow:0 0 0 7px #8a5b7300}}.coach-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);line-height:1.1}.coach-tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--plum)}.coach-body{font-size:14px;line-height:1.5;color:var(--ink)}.coach-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.symbol-bar{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:12px}.symbol-eq{font-family:var(--font-mono);font-size:21px;font-weight:700;color:var(--ink)}.lesson-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.serve-cta{width:100%;background:var(--success);color:#f1f6e9;border:none;border-radius:14px;padding:14px;font-weight:700;font-size:15px;box-shadow:0 10px 20px -10px #4c7a30e6}.build-soon{background:var(--card);border:1px dashed var(--line);border-radius:var(--r-card);padding:28px;text-align:center;color:var(--muted)}.lesson-body.solo{display:flex;align-items:center;justify-content:center;padding:24px 28px}.play{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:640px}.play.wide{max-width:900px}.play .task-chip{align-self:center;margin-bottom:4px}.play-sim{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.play-eq{margin-top:0;padding-top:0;justify-content:center}.play-msg{font-size:13.5px;color:#a05536;background:#f7e6df;border:1px solid #ecd0c2;border-radius:10px;padding:9px 16px}.play-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:2px}.play-actions .ff-btn{padding:13px 30px}.play-nudge{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px dashed var(--plum);color:var(--plum);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer}.play-nudge:hover{background:var(--plum-tint)}.play-nudge.pulse{animation:nudgePulse 1.4s ease-in-out 2}@keyframes nudgePulse{0%,to{box-shadow:0 0 #8a5b7300}50%{box-shadow:0 0 0 6px #8a5b732e}}.play-coach{position:relative;width:100%;max-width:460px;background:var(--plum-tint);border:1px solid #e6d2dd;border-left:3px solid var(--plum);border-radius:14px;padding:16px 18px}.play-coach-x{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--plum);display:grid;place-items:center;cursor:pointer;padding:2px}.play-nameit{margin:0}.ir-progress{font-family:var(--font-mono);font-size:12px;color:var(--accent-deep)}.ir-pips{display:flex;gap:4px}.ir-pip{width:14px;height:5px;border-radius:3px;background:var(--toggle-track)}.ir-pip.done{background:var(--success)}.ir-pip.cur{background:var(--accent)}.ir-verdict{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;padding:8px 14px;border-radius:10px}.ir-verdict.ok{color:#4c7a30;background:#eef3e6}.ir-verdict.no{color:#b0492f;background:#f7e6df}@media(max-width:760px){.lesson-body{flex-direction:column}.coach-col{width:100%}.lt-name{font-size:15px}.seg-toggle button{padding:6px 13px}}.mg-stage{width:100%;max-width:540px}.ts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;width:100%}.ts-chip{position:relative;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:18px 10px;font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .12s ease,background .12s ease}.ts-chip:hover:not(:disabled){border-color:var(--accent)}.ts-chip.on{border-color:var(--accent);background:var(--tint)}.ts-chip.right{border-color:var(--success);background:#eef3e6;color:#4c7a30}.ts-chip.wrong{border-color:#d8635a;background:#f7e6df}.ts-tick{position:absolute;top:6px;right:6px;color:var(--success)}.mt{display:flex;gap:14px;width:100%}.mt-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}.mt-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.mt-item.active{border-color:var(--accent);box-shadow:0 0 0 3px #5e8c3f33}.mt-item.matched{background:var(--tint);border-color:var(--accent)}.mt-item.used{opacity:.4}.mt-item.right{border-color:var(--success);background:#eef3e6}.mt-item.wrong{border-color:#d8635a;background:#f7e6df}.mt-pair{font-family:var(--font-mono);font-size:12px;color:var(--accent-deep);flex:none}.or{display:flex;flex-direction:column;gap:9px;width:100%}.or-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px}.or-row.right{border-color:var(--success);background:#eef3e6}.or-row.wrong{border-color:#e0a82e;background:#fbf1dc}.or-rank{width:24px;height:24px;border-radius:50%;background:var(--tint);color:var(--accent-deep);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700;flex:none}.or-token{flex:1;font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--ink)}.or-arrows{display:flex;flex-direction:column;gap:3px;flex:none}.or-arrows button{width:28px;height:20px;border:1px solid var(--line);background:var(--paper);border-radius:6px;color:var(--ink);display:grid;place-items:center;cursor:pointer}.or-arrows button:disabled{opacity:.3}.mg-done{max-width:480px;margin:60px auto;text-align:center;padding:0 24px}.mg-done-icon{width:64px;height:64px;border-radius:18px;background:var(--garden-grad);color:#f1f6e9;display:grid;place-items:center;margin:0 auto 16px}.mg-done h1{font-size:30px}.pizza-wrap{display:flex;gap:24px;width:100%;align-items:flex-start}.pizza-left{width:250px;flex:none;display:flex;flex-direction:column;gap:12px}.order-card{display:flex;align-items:center;gap:10px;background:var(--raised);border:1px dashed #e0c9a2;border-radius:12px;padding:12px 14px}.order-icon{color:var(--ochre-deep);flex:none}.order-table{font-size:11px;color:var(--muted)}.order-task{font-weight:700;font-size:14px;color:var(--ink)}.serve-hint{font-size:11px;color:var(--muted)}.pizza-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.pizza-eq{font-size:14px;color:var(--muted)}.pizza-actions{width:220px;flex:none;display:flex;flex-direction:column;gap:10px}.serve-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:760px){.pizza-wrap{flex-direction:column;align-items:stretch}.pizza-left,.pizza-actions{width:100%}}.pwa-update{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:14px;background:var(--ink);color:#f4ecdc;border-radius:var(--r-pill);padding:10px 12px 10px 18px;box-shadow:0 12px 28px -12px #0000008c;font-size:14px}.pwa-update-actions{display:flex;gap:8px}.pwa-refresh{background:var(--foundry);color:#fffdf8;border:none;border-radius:var(--r-pill);padding:7px 16px;font-weight:700}.pwa-later{background:transparent;color:#c7b9a4;border:none;padding:7px 10px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}