:root{--sky:#eaf2fa;--card:#fff;--ink:#1d2a44;--muted:#5c6a85;--saffron:#f2a93b;--saffron-deep:#c97f12;--teal:#2e9c8f;--teal-deep:#1f7066;--coral:#d9573f;--good-bg:#ddf3ef;--bad-bg:#fce3de;--sel-bg:#e2f3f0;--locked:#cbd5e3;--locked-deep:#a7b4c7;--skin:#f6c9a0;--beard:#fff;--beard-shade:#dde4ee;--cheek:#f39a8b;--ruby:#e0465b;--ruby-deep:#a82a3d;--scrim:#111a2c8c;--on-teal:#fff;--on-saffron:#2a1b04;--shammai:#7e57c2;--line:#d9e3ef;--display:"Fredoka", "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:#111a2c;--card:#1b2740;--ink:#eef3fa;--muted:#a3b1c8;--saffron:#f5b652;--saffron-deep:#b9760f;--teal:#3bb3a4;--teal-deep:#217a6f;--coral:#f07a69;--good-bg:#173b3a;--bad-bg:#44241f;--sel-bg:#1d3b42;--locked:#2d3b57;--locked-deep:#22304a;--beard:#f4f7fb;--beard-shade:#c9d3e2;--line:#2a3854;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sky:#111a2c;--card:#1b2740;--ink:#eef3fa;--muted:#a3b1c8;--saffron:#f5b652;--saffron-deep:#b9760f;--teal:#3bb3a4;--teal-deep:#217a6f;--coral:#f07a69;--good-bg:#173b3a;--bad-bg:#44241f;--sel-bg:#1d3b42;--locked:#2d3b57;--locked-deep:#22304a;--beard:#f4f7fb;--beard-shade:#c9d3e2;--line:#2a3854;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{background:var(--sky);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}button{font:inherit;color:inherit}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:460px;min-height:100%;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:20px;margin:0 auto;padding-block:16px 20px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{font-family:var(--display);font-size:1.35rem;font-weight:700}.brand span{color:var(--teal)}.brandBtn{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.topbar .ghost{align-self:center;font-size:.85rem}.stats{gap:8px;display:flex}.chip{background:var(--card);border:2px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:.88rem;font-weight:800;display:inline-flex}.chip svg{width:16px;height:16px}.back{background:var(--card);border:2px solid var(--line);cursor:pointer;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.back svg{width:20px;height:20px}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.greet{align-items:flex-end;gap:8px;display:flex}.fig{display:block;position:relative}.fig>svg{width:100%;height:auto;display:block}.fig>.eyes{height:100%;transform-origin:50% var(--oy);animation:4.5s infinite blink;position:absolute;inset:0}.hero{transform-origin:50% 100%;flex:none;width:120px;animation:3.2s ease-in-out infinite bob}.mini{flex:none;width:46px}.big{width:150px}.bubble{background:var(--card);border:2px solid var(--line);border-radius:18px;min-width:0;margin-bottom:56px;padding:12px 14px;font-weight:700;position:relative}.bubble:before{content:"";background:var(--card);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:14px;height:14px;position:absolute;bottom:18px;left:-9px;transform:rotate(45deg)}.bubble small{color:var(--muted);margin-top:4px;font-size:.85rem;font-weight:600;display:block}.welcome{flex-direction:column;flex:1;gap:16px;display:flex}.wHero{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.bubble.down{font-family:var(--display);text-align:center;margin:0;font-size:1.35rem;font-weight:600}.bubble.down:before{margin-left:-7px;bottom:-9px;left:50%;transform:rotate(-45deg)}.chapter{background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden}.wScene{aspect-ratio:200/110;background:var(--sel-bg);position:relative;overflow:hidden;container-type:inline-size}.wScene .still,.layer>svg,.layer>.clip,.layer>.clip>.in{width:100%;height:100%;display:block;position:absolute;inset:0}.layer{position:absolute}.layer>.fig,.at .fig{width:100%}.at{position:absolute}.layer>.eyes{width:100%;height:100%;transform-origin:50% var(--oy);animation:4.5s infinite blink;position:absolute;inset:0}.sLbl{font:700 9px var(--body);fill:var(--muted)}.ct{padding:12px 14px 14px}.ct h3{font-family:var(--display);margin:0 0 4px;font-size:1.18rem;font-weight:600}.ct p{margin:0;font-weight:600}.s1-walker{transform:translate(55cqw)}.play .s1-walker{animation:2.6s ease-in-out both walk}.play .s1-star{animation:.5s cubic-bezier(.3,1.6,.6,1) 2.5s both popIn}.play .s2-left{animation:.9s both fromLeft}.play .s2-right{animation:.9s both fromRight}.play .s2-heart{animation:.6s cubic-bezier(.3,1.6,.6,1) .9s both popIn,1.4s ease-in-out 1.6s 2 beat}.play .s2-spark{animation:.4s 1.4s both fadeIn}.play .s3-b1{animation:.3s .2s both popIn}.play .s3-b2{animation:.3s .4s both popIn}.play .s3-cloud{animation:.45s cubic-bezier(.3,1.6,.6,1) .6s both popIn}.s3-tangle{opacity:0}.play .s3-tangle{animation:.35s 2.2s both fadeOut}.play .s3-tangle .clip{animation:1s 1s both sweepRight}.play .s3-tangle .in{animation:1s 1s both sweepRightBack}.play .s3-bulb{animation:.5s cubic-bezier(.3,1.6,.6,1) 2.4s both popIn}.play .s3-rays{animation:.4s 2.9s both fadeIn}.play .s4-trunk .clip{animation:.9s both sweepUp}.play .s4-trunk .in{animation:.9s both sweepUpBack}.play .s4-leaf{animation:popIn .45s cubic-bezier(.3,1.6,.6,1) var(--d) both}.play .s4-sun{animation:1.2s both rise}.play .s4-friends{animation:.7s cubic-bezier(.3,1.4,.6,1) 2.1s both rise}@keyframes walk{0%{transform:translate(0)}12%{transform:translate(7.5cqw,-6cqw)}25%{transform:translate(15cqw,-11cqw)}37%{transform:translate(22.5cqw,-15cqw)}50%{transform:translate(30cqw,-16cqw)}62%{transform:translate(37cqw,-15cqw)}75%{transform:translate(44cqw,-11cqw)}88%{transform:translate(48.5cqw,-6cqw)}to{transform:translate(55cqw)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes beat{50%{transform:scale(1.15)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fromLeft{0%{opacity:0;transform:translate(-12cqw)}to{opacity:1;transform:none}}@keyframes fromRight{0%{opacity:0;transform:translate(12cqw)}to{opacity:1;transform:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(15cqw)}to{opacity:1;transform:none}}@keyframes sweepRight{0%{transform:translate(-100%)}to{transform:none}}@keyframes sweepRightBack{0%{transform:translate(100%)}to{transform:none}}@keyframes sweepUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes sweepUpBack{0%{transform:translateY(-100%)}to{transform:none}}.layer>.clip{overflow:hidden}@media (prefers-reduced-motion:reduce){.play .wScene *{animation:none!important}}.sectionLabel{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 -8px;font-size:.75rem;font-weight:800}.skills{flex-direction:column;gap:12px;display:flex}.skill{text-align:left;background:var(--card);border:2px solid var(--line);width:100%;box-shadow:0 4px 0 var(--line);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.skill.open{border-color:var(--teal);box-shadow:0 4px 0 var(--teal-deep)}.skill.open:active{box-shadow:0 1px 0 var(--teal-deep);transform:translateY(3px)}.skill.soon{cursor:default}.skill.soon .txt{opacity:.65}.emblem{background:var(--teal);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid}.skill.soon .emblem{background:var(--locked)}.emblem svg{width:28px;height:28px}.txt{flex-direction:column;gap:1px;min-width:0;display:flex}.txt b{font-family:var(--display);font-size:1.08rem;font-weight:600;line-height:1.2}.txt i{color:var(--muted);font-size:.85rem}.txt span{color:var(--muted);font-size:.85rem;font-weight:700}.mbar{background:var(--line);border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.mbar i{background:var(--saffron);border-radius:99px;height:100%;display:block}.demoBtn{border:2px dashed var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-self:center;padding:6px 14px;font-size:.85rem;font-weight:800}.about{background:var(--card);border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.about h3{font-family:var(--display);margin:0;font-size:1.15rem;font-weight:600}.about h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 0;font-size:.75rem}.about p,.about ul{margin:0}.about ul{flex-direction:column;gap:3px;padding-left:20px;display:flex}.ghost{background:var(--sky);border:2px solid var(--line);cursor:pointer;border-radius:10px;align-self:flex-start;padding:6px 12px;font-weight:800}.jhead{align-items:center;gap:12px;display:flex}.jhead .brand{flex:1}.unit{background:var(--teal);color:var(--on-teal);box-shadow:0 4px 0 var(--teal-deep);border-radius:16px;padding:14px 16px}.unit .eyebrow{color:var(--on-teal);opacity:.85}.unit h2{font-family:var(--display);text-wrap:balance;margin:2px 0;font-size:1.3rem;font-weight:600;line-height:1.2}.unit p{opacity:.92;margin:0;font-size:.92rem;font-weight:700}.path{flex-direction:column;align-items:center;gap:24px;padding-block:6px;display:flex}.stop{flex-direction:column;align-items:center;gap:8px;display:flex}.node{cursor:pointer;background:var(--saffron);width:76px;height:70px;box-shadow:0 7px 0 var(--saffron-deep);border:0;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.node svg{width:32px;height:32px}.node:active{box-shadow:0 2px 0 var(--saffron-deep);transform:translateY(5px)}.node.done{background:var(--teal);box-shadow:0 7px 0 var(--teal-deep)}.node.done:active{box-shadow:0 2px 0 var(--teal-deep)}.node.locked,.node.soon{background:var(--locked);box-shadow:0 7px 0 var(--locked-deep)}.node.locked:active,.node.soon:active{box-shadow:0 7px 0 var(--locked-deep);transform:none}.node.soon{opacity:.6}.node.current{animation:2s ease-in-out infinite pulse}.label{text-align:center;max-width:190px}.label b{font-family:var(--display);font-size:1rem;font-weight:600;line-height:1.2;display:block}.label span{color:var(--muted);font-size:.83rem;font-weight:700}.stop.soonStop .label{opacity:.6}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;width:100%;font-size:.75rem;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:2px}.toast{text-align:center;color:var(--muted);min-height:1.4em;margin:0;font-size:.9rem;font-weight:700}.cta{cursor:pointer;width:100%;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:var(--saffron);color:var(--on-saffron);box-shadow:0 5px 0 var(--saffron-deep);border:0;border-radius:16px;padding:15px;font-size:1.12rem;font-weight:600}.cta:active{box-shadow:0 1px 0 var(--saffron-deep);transform:translateY(4px)}.cta:disabled{background:var(--locked);color:var(--muted);box-shadow:0 5px 0 var(--locked-deep);cursor:default;transform:none}.stickyCta{bottom:calc(12px + env(safe-area-inset-bottom,0px));margin-top:auto;position:sticky}.lesson{flex-direction:column;flex:1;gap:8px;display:flex}.lessonTop{align-items:center;gap:12px;display:flex}.x{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.x svg{width:22px;height:22px}.x:disabled{opacity:.3;cursor:default}.bar{background:var(--line);border-radius:99px;flex:1;height:14px;overflow:hidden}.bar i{background:var(--teal);border-radius:99px;width:100%;height:100%;transition:transform .35s;display:block;transform:translate(-100%)}.stepTag{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.stepBody{flex:1;padding-block:8px 12px;animation:.25s slide}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--teal);font-size:.75rem;font-weight:800}.q h2,.teach h2{font-family:var(--display);text-wrap:balance;margin:6px 0 14px;font-size:1.38rem;font-weight:600;line-height:1.25}.teach p{max-width:65ch;margin:0 0 14px}.teachHead{align-items:center;gap:10px;display:flex}.toolBadge{background:var(--saffron);color:var(--on-saffron);letter-spacing:.04em;border-radius:8px;padding:2px 8px;font-size:.78rem;font-weight:800}.quote{font-family:var(--display);background:var(--card);border:2px solid var(--line);border-radius:16px;margin:0 0 14px;padding:14px 16px;font-size:1.15rem;font-weight:500;line-height:1.35}.quote cite{font-family:var(--body);color:var(--muted);margin-top:6px;font-size:.82rem;font-style:normal;font-weight:800;display:block}.compare{gap:8px;display:grid}.cmp{border:2px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;font-weight:700}.cmp span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;display:block}.cmp.o{border-color:var(--teal)}.cmp.o span{color:var(--teal)}.cmp.j span{color:var(--coral)}.scene{background:var(--sel-bg);border-radius:14px;margin:8px 0 0;padding:12px 14px;font-weight:700}.opts{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:14px;width:100%;padding:12px 14px;font-weight:700}.opt.sel{border-color:var(--teal);background:var(--sel-bg);box-shadow:0 3px 0 var(--teal)}.opt.right{border-color:var(--teal);background:var(--good-bg);box-shadow:0 3px 0 var(--teal)}.opt.wrong{border-color:var(--coral);background:var(--bad-bg);box-shadow:0 3px 0 var(--coral)}.opt:disabled{cursor:default}.scale{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.scale .opt{text-align:center;font-family:var(--display);padding:10px 0;font-size:1.25rem}.scaleLbl{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:.82rem;font-weight:700;display:flex}.yn{grid-template-columns:1fr 1fr;gap:10px;display:grid}.yn3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.yn .opt,.yn3 .opt{text-align:center}.rank{flex-direction:column;gap:8px;display:flex}.rankItem{text-align:left;background:var(--card);border:2px solid var(--line);width:100%;box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.rankItem.on{border-color:var(--teal);background:var(--sel-bg);box-shadow:0 3px 0 var(--teal)}.rankNum{border:2px dashed var(--line);width:28px;height:28px;font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.rankItem.on .rankNum{background:var(--teal);border:2px solid var(--teal);color:var(--on-teal)}.emblem.sm{background:var(--locked);border-radius:10px;width:36px;height:36px}.emblem.sm svg{width:20px;height:20px}.rankItem .txt b{font-size:.98rem}.share{flex-direction:column;gap:4px;display:flex}.shareRow{gap:8px;display:flex}.shareRow input{min-width:0;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:12px;flex:1;padding:9px 12px}.shareRow input:focus{border-color:var(--teal);outline:none}.shareRow .ghost{flex:none}.form{flex-direction:column;gap:6px;display:flex}.form input{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:12px;padding:11px 12px}.form input:focus{border-color:var(--teal);outline:none}.form .qlabel{margin:10px 0 0}.formNote{color:var(--muted);margin:6px 0 0;font-size:.88rem;font-weight:600}.err{color:var(--coral);margin:0;font-weight:700}.err:empty{display:none}.form .cta{margin-top:12px}.share .hint{margin:2px 0 0;font-size:.88rem}.share .hint:empty{display:none}.yn .opt{text-align:center}.qlabel{margin:18px 0 8px;font-weight:800;display:block}.sorts{flex-direction:column;gap:10px;display:flex}.sortRow{background:var(--card);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.sortRow p{margin:0;font-weight:700}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segBtn{border:2px solid var(--line);background:var(--sky);cursor:pointer;border-radius:10px;padding:7px;font-size:.86rem;font-weight:800}.segBtn.sel{border-color:var(--teal);background:var(--sel-bg)}.segBtn:disabled{cursor:default}.sortRow.right{border-color:var(--teal)}.cGroup{flex-direction:column;gap:8px;margin-top:14px;display:flex}.cq{font-family:var(--display);margin:0;font-size:1.12rem;font-weight:600;line-height:1.3}.sortRow p.sortNote{color:var(--ink);background:var(--bad-bg);border-radius:10px;padding:8px 10px;font-size:.92rem;font-weight:600}.sortRow.wrong{border-color:var(--coral)}.sortRow.wrong .segBtn.sel{border-color:var(--coral);background:var(--bad-bg)}.sortRow.wrong .segBtn.ans{border-color:var(--teal);background:var(--good-bg)}.line{border-bottom:2px solid var(--line);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:104px;padding-block:10px;display:flex}.line.right{border-color:var(--teal)}.line.wrong{border-color:var(--coral)}.bank{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chunk{background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;text-align:left;border-radius:12px;padding:7px 12px;font-weight:700}.chunk.used{background:var(--line);color:#0000;box-shadow:none;cursor:default}.hint{color:var(--muted);font-weight:700}.slot{border:2px dashed var(--line);color:var(--muted);border-radius:12px;padding:7px 12px;font-size:.9rem;font-weight:700}.slot.next{border-color:var(--teal);color:var(--teal)}.chat{flex-direction:column;gap:10px;margin-block:14px;display:flex}.msg{align-items:flex-end;gap:8px;animation:.25s slide;display:flex}.msg.me{justify-content:flex-end}.av{flex:none;width:40px}.say{background:var(--card);border:2px solid var(--line);border-radius:16px;min-width:0;max-width:82%;padding:9px 12px;font-weight:600}.say b{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;display:block}.msg.me .say{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);resize:vertical;border-radius:14px;padding:12px}textarea:focus{border-color:var(--teal);outline:none}.sheet{padding-block:14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--sky);border-top:2px solid var(--line);box-shadow:0 0 0 100vmax var(--sky);clip-path:inset(0 -100vmax);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.sheet.good{background:var(--good-bg);box-shadow:0 0 0 100vmax var(--good-bg);border-color:var(--teal)}.sheet.bad{background:var(--bad-bg);box-shadow:0 0 0 100vmax var(--bad-bg);border-color:var(--coral)}.fb{margin:0;font-weight:700}.fb:empty{display:none}.fb b{font-family:var(--display);font-size:1.15rem;font-weight:600;display:block}.sheet.good .fb b{color:var(--teal)}.sheet.bad .fb b{color:var(--coral)}.debate{background:var(--card);border:2px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px;padding:14px 12px 12px;display:grid;position:relative;overflow:hidden}.dCol{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.dBub{background:var(--sky);border:2px solid var(--line);text-align:center;opacity:0;border-radius:14px;min-height:4.2em;padding:8px 10px;font-size:.86rem;font-weight:700;line-height:1.3;animation:.45s forwards bubIn;position:relative;transform:translateY(6px)scale(.95)}.sh .dBub{border-color:var(--shammai);animation-delay:.4s}.hi .dBub{border-color:var(--teal);animation-delay:2s}.dFig{width:96px;display:block}.dCol .dBub{flex:1;place-items:center;display:grid}.dSvg{width:100%;display:block}.sh .dFig{transform:scaleX(-1)}.sh .dSvg{transform-origin:50% 100%;animation:.5s ease-in-out .4s 3 alternate talk}.hi .dSvg{transform-origin:50% 100%;animation:.5s ease-in-out 2s 3 alternate talk}.dName{font-family:var(--display);font-size:.95rem;font-weight:600}.dVoice{text-align:center;font-family:var(--display);color:var(--saffron-deep);background:var(--sel-bg);opacity:0;border-radius:12px;grid-column:1/-1;padding:8px;font-weight:600;animation:.6s 3.6s forwards bubIn}.hearts{pointer-events:none;width:0;height:0;position:absolute;top:52%;left:50%}.hearts span{opacity:0;width:20px;height:20px;animation:3.2s ease-out infinite floatUp;animation-delay:calc(3.6s + var(--d));margin-left:-10px;position:absolute}.hearts svg{width:100%;height:100%;display:block}.fig>.tear{animation:2.6s ease-in 1.2s infinite tear;position:absolute}.tear svg{width:100%;height:100%;display:block}@keyframes tear{0%{opacity:0;transform:translateY(-6.7%)}20%{opacity:1}80%{opacity:1;transform:translateY(33.3%)}to{opacity:0;transform:translateY(40%)}}@keyframes bubIn{to{opacity:1;transform:none}}@keyframes talk{0%{transform:rotate(0)}to{transform:rotate(-5deg)translateY(-3px)}}@keyframes floatUp{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--x), -90px) scale(1.1)}}@media (prefers-reduced-motion:reduce){.fig>.tear{animation:none}.dBub,.dVoice{opacity:1;animation:none;transform:none}.dSvg,.hearts span{animation:none}}.rubyIco{vertical-align:-3px;width:16px;height:16px;display:inline-block}.rubyChip{font:inherit;color:var(--ink);cursor:pointer;gap:4px;font-size:.88rem;font-weight:800}.bigRuby .rubyIco{width:56px;height:56px}.mCount{color:var(--muted);margin:0;font-weight:700}.rubyChip.bump{animation:.45s bump}.topRight{align-items:center;gap:8px;display:flex}.lessonTop .rubyChip{padding:2px 9px}.gain{color:var(--ruby-deep);align-items:center;gap:3px;margin-left:6px;font-size:.95rem;animation:.45s pop;display:inline-flex}.tileRuby{align-items:center;gap:4px;display:inline-flex}.tileRuby .rubyIco{width:20px;height:20px}.rubyNote{color:var(--muted);max-width:34ch;margin:-6px 0 0;font-size:.85rem;font-weight:700}.modalBack{z-index:50;background:var(--scrim);padding:16px max(16px, env(safe-area-inset-right,0px)) 16px max(16px, env(safe-area-inset-left,0px));place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modalCard{background:var(--card);color:var(--ink);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(340px,100%);padding:22px 20px;animation:.4s pop;display:flex}.modalCard h2{font-family:var(--display);text-wrap:balance;margin:0;font-size:1.4rem;font-weight:600}.modalCard .eyebrow{color:var(--ruby-deep);margin:0}.mHow{margin:0;font-weight:700}.mStory{color:var(--muted);margin:0;font-style:italic;font-weight:600}.modalCard .cta{margin-top:8px}@keyframes bump{50%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.rubyChip.bump,.gain,.modalCard{animation:none}}.done:not(.node){text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;padding-block:28px 8px;display:flex}.done h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:2rem;font-weight:700;line-height:1.15}.lead{color:var(--muted);max-width:34ch;margin:0;font-weight:700}.pop{animation:.6s pop}.tiles{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;width:100%;margin-block:8px;display:grid}.tile{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:10px}.tile span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:800;display:block}.tile b{font-family:var(--display);color:var(--saffron-deep);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600}.done .cta{margin-top:auto}.demoLine{color:var(--muted);margin:0;font-size:.82rem}.draft{color:var(--muted);text-align:center;margin:0;font-size:.78rem}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1.5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes slide{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hero,.node.current,.fig>.eyes,.layer>.eyes,.stepBody,.msg,.pop{animation:none}.bar i{transition:none}}@media (width<=899px){.hero,.node.current,.fig>.eyes,.layer>.eyes,.fig>.tear,.hearts span{animation-iteration-count:3}}:root{--bg:var(--sky);--surface:var(--card);--field:var(--card);--field-line:var(--muted);--ink-2:var(--muted);--ink-strong:#34446a;--accent:var(--teal-deep);--accent-strong:var(--teal-deep);--accent-soft:var(--sel-bg);--on-accent:var(--on-teal);--sand:var(--saffron);--verdict-best:var(--teal-deep);--verdict-ok:var(--saffron-deep);--verdict-miss:var(--coral);--error:#b42318;--ink-hover:color-mix(in srgb, var(--ink) 6%, transparent);--error-hover:color-mix(in srgb, var(--error) 8%, transparent);--radius:10px;--radius-field:10px;--radius-pill:999px;--shadow:0 20px 40px -20px color-mix(in srgb, var(--ink) 25%, transparent);--ease:cubic-bezier(.2, .7, .2, 1);--pop:cubic-bezier(.3, 1.45, .5, 1);--dur:.18s;--dur-press:90ms;--dur-step:.6s;--dur-feedback:.6s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink-strong:#c9d3e2;--error:#f07a69}}:root[data-theme=dark]{--ink-strong:#c9d3e2;--error:#f07a69}*{box-sizing:border-box}body{margin:0}h1,h2,h3{font-family:var(--display);margin:0}[tabindex="-1"]:focus{outline:none}main:has(>.app){max-width:none;height:100%;padding:0}.top,main{max-width:1120px;margin:0 auto;padding-inline:20px}.top{justify-content:space-between;align-items:center;gap:12px;padding-block:24px;display:flex}a.brand{color:var(--ink);text-decoration:none}main{padding-bottom:72px}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.field{margin-bottom:16px;display:block}.field span{margin-bottom:6px;font-size:.9375rem;font-weight:600;display:block}.field input,.field select{width:100%;min-height:50px;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:var(--radius-field);padding:0 14px}button:where(:not(.app *)){border-radius:var(--radius-field);cursor:pointer;min-height:56px;font:inherit;font-family:var(--display);color:var(--on-accent);background:var(--accent);transition:transform var(--dur-press) var(--ease);border:0;padding:0 24px;font-size:1.0625rem;font-weight:700}button:where(:not(.app *)):hover,button:where(:not(.app *)):active{background:var(--accent-strong)}button:where(:not(.app *)):active{transform:scale(.98)}button:where(:not(.app *)):disabled{cursor:default;opacity:.7;transform:none}button[aria-busy=true]:disabled,[aria-busy=true] button:disabled{cursor:progress}button.link{min-height:44px;color:var(--ink);text-underline-offset:4px;background:0 0;padding:0;font-size:1rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}button.link:hover,button.link:active{background:0 0;text-decoration-thickness:2.5px}button.link:disabled:hover{text-decoration-thickness:1.5px}.error{color:var(--error);margin:14px 0 0;font-size:.9375rem}.solo{--heading:clamp(2rem, 1.4rem + 2.4vw, 2.75rem);max-width:560px;box-shadow:var(--shadow);margin:40px auto 0;padding:32px}.solo h1{font-size:var(--heading);margin-bottom:16px;line-height:1.05}.solo p{color:var(--ink-2);margin:0 0 16px}.solo .error{color:var(--error);margin:14px 0 0}.solo>:last-child{margin-bottom:0}.team-note{border-radius:var(--radius-field);background:var(--surface);max-width:560px;box-shadow:inset 0 0 0 1px var(--line), inset 4px 0 0 var(--accent);margin:24px auto 0;padding:10px 16px 10px 20px;font-size:.9375rem;line-height:1.4}.team-note+.solo{margin-top:16px}.skeleton{background:var(--line);border-radius:8px;display:block}.skeleton.title{width:75%;height:calc(1.05 * var(--heading));margin-bottom:16px}.skeleton.line{border:0;width:90%;height:1lh;min-height:0;padding:0;display:block}.metrics h1,.panel h1{margin-bottom:20px;font-size:clamp(1.625rem,1.25rem + 1.6vw,2.125rem)}.panel h2,.metrics h2{margin-bottom:12px;font-size:1.1875rem}.panel .note,.metrics section>.note{margin-bottom:12px}.metrics h2{margin-top:32px}.loading-head{flex-wrap:wrap;align-items:baseline;column-gap:16px;margin-bottom:20px;display:flex}.loading-head h1{margin-bottom:0}.tabs{box-shadow:inset 0 -1px var(--line);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs a{min-height:44px;color:var(--ink-2);border-bottom:3px solid #0000;flex:none;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.tabs a:focus-visible{outline-offset:-2px}.tabs a:hover,.tabs a[aria-current]{color:var(--ink)}.tabs a[aria-current]{border-bottom-color:var(--ink)}.metric-cards{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.metric-cards li{flex-direction:column;gap:4px;padding:16px;display:flex}.metric-cards h2{margin:0;font-size:.9375rem}.metric-cards p{color:var(--ink-2);margin:0;font-size:.875rem}.metric-cards .metric-rate{color:var(--ink);font-size:2.25rem;font-weight:800;line-height:1.1}.metric-cards .note{margin-top:auto;padding-top:8px;font-size:.8125rem}.metric-cards .skeleton:first-child{width:6rem;height:1.2rem}.metric-cards .skeleton:last-child{width:4rem;height:2.5rem}.metrics>.eyebrow{margin-bottom:4px}.metrics>.note{margin:0 0 16px}@media (width>=480px){.metric-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.metric-cards{grid-template-columns:repeat(4,1fr)}}.metrics .stats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.metrics .stats li{color:var(--ink-2);align-items:baseline;gap:12px;padding:12px 16px;font-size:.875rem;line-height:1.35;display:flex}.metrics .stats b{min-width:2.5ch;color:var(--ink);flex:none;font-size:2rem;font-weight:800;line-height:1.1}.metrics .stats .skeleton:first-child{width:3rem;height:2.2rem}.metrics .stats .skeleton:last-child{width:8rem;height:1.2rem}:is(.panel,.team) button:not(.link,.expand){background:var(--ink);min-height:36px;color:var(--surface);padding:0 16px;font-size:.875rem;font-weight:500}:is(.panel,.team) button:not(.link,.expand):hover,:is(.panel,.team) button:not(.link,.expand):active{background:var(--ink-strong)}@media (pointer:coarse){:is(.panel,.team) button:not(.link,.expand){min-height:44px}}.panel button.quiet{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.panel button.quiet:hover,.panel button.quiet:active{background:var(--ink-hover)}.panel button.danger{color:var(--error);box-shadow:inset 0 0 0 1.5px var(--error);background:0 0}.panel button.danger:hover,.panel button.danger:active{background:var(--error-hover)}.panel a.quiet{border-radius:var(--radius-pill);min-height:36px;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);transition:background-color var(--dur) var(--ease);justify-content:center;align-items:center;padding:0 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.panel a.quiet:hover{background:var(--ink-hover)}@media (pointer:coarse){.panel a.quiet{min-height:44px}}.panel .ask{min-height:44px;margin:0 0 12px}.panel .actions{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll{position:relative;overflow-x:auto;container-type:inline-size}.scroll table{border-collapse:collapse;width:100%;font-size:.9375rem}.scroll th,.scroll td{text-align:left;vertical-align:top;padding:10px 12px}.scroll td{white-space:nowrap}.scroll thead th{background:var(--ink);color:var(--surface);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.scroll tbody th{font-weight:600}.scroll .long{overflow-wrap:anywhere;min-width:16ch}.scroll th.long small{color:var(--ink-2);white-space:nowrap;font-size:.8125rem;font-weight:400;display:block}.scroll .numeric{text-align:right;font-variant-numeric:tabular-nums}.scroll table:not(.by-tester) tbody tr:nth-child(2n),.by-tester tbody:nth-of-type(2n){background:var(--bg)}.team-nav{margin:-10px -12px -10px auto;display:flex}.team-nav a{min-height:44px;color:var(--ink-2);align-items:center;padding:0 8px;font-weight:600;text-decoration:none;display:inline-flex}.team-nav a:hover,.team-nav a[aria-current]{color:var(--ink)}.team-nav a[aria-current]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}@media (width>=480px){.metrics .stats{grid-template-columns:repeat(3,1fr)}.metrics .stats li{flex-direction:column;align-items:start;gap:4px}}.texts h3{margin:28px 0 10px;font-size:1.0625rem}.texts-bar{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);margin:0 -20px;padding:8px 20px 10px;position:sticky;top:0}.texts-sections{flex-wrap:wrap;gap:6px;display:flex}.texts-sections .count{opacity:.75;margin-left:6px;font-size:.8125rem}@media (width<=639px){.texts-sections{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.texts-sections button{flex:none}}.texts-filter{max-width:28rem;margin-bottom:8px}.texts-filter input{min-height:36px;padding:0 10px}.texts-legend{margin:4px 0 8px}.texts-legend summary{cursor:pointer;width:fit-content;color:var(--ink);text-underline-offset:4px;padding-block:11px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.texts-legend summary:hover{text-decoration-thickness:2.5px}.texts-legend-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:20px;padding:16px 20px;display:grid}.texts-legend-block .title{margin:0 0 2px;font-size:1rem;font-weight:700}.texts-legend-block .note{margin:0 0 10px}.texts-legend ul{margin:0;padding:0;list-style:none}.texts-legend li{border-top:1px solid var(--line);grid-template-columns:8rem 1fr auto;align-items:baseline;gap:4px 16px;padding:9px 0;font-size:.9375rem;display:grid}.texts-legend code{background:var(--bg);box-shadow:inset 0 0 0 1px var(--field-line);color:var(--ink);border-radius:6px;justify-self:start;padding:2px 8px;font:600 .875rem/1.5 ui-monospace,SF Mono,Menlo,monospace}.texts-legend .meaning{color:var(--ink)}.texts-legend .sample{background:var(--bg);border-radius:var(--radius);gap:6px;margin:6px 0 0;padding:10px 12px;font-size:.9375rem;display:grid}.texts-legend .sample div{grid-template-columns:9rem 1fr;gap:12px;display:grid}.texts-legend .sample dt{color:var(--ink-2);padding-top:2px;font-size:.8125rem;font-weight:600}.texts-legend .sample dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.texts-legend .uses{color:var(--ink-2);white-space:nowrap;grid-column:-2/-1;font-size:.8125rem}@media (width<=600px){.texts-legend li{grid-template-columns:1fr auto}.texts-legend .meaning{grid-area:2/1/auto/-1}.texts-legend .sample div{grid-template-columns:1fr;gap:2px}}.text-row{margin-bottom:14px}.text-row .field{margin-bottom:4px}.text-row .field>.key{color:var(--ink-2);margin-bottom:4px;font-size:.8125rem;font-weight:600}.text-row .field textarea{box-sizing:border-box;width:100%;min-height:0;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:var(--radius-field);resize:vertical;field-sizing:content;padding:8px 10px;font-size:.9375rem;display:block}.text-row .field [aria-invalid=true]{border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.text-row .keep{color:var(--ink-2);margin:0 0 6px;font-size:.8125rem}.text-row .error{margin:6px 0 0;font-size:.875rem}.text-history summary{cursor:pointer;text-underline-offset:4px;width:fit-content;padding-block:8px;font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.text-history ol{margin:0;padding:0;font-size:.875rem;list-style:none}.text-history li{flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 0;display:flex}.text-history time{color:var(--ink-2)}.text-history li span{white-space:pre-wrap;flex:16rem}.text-under{flex-wrap:wrap;justify-content:space-between;gap:0 12px;display:flex}.text-under .keep{margin:0 0 6px}.text-under .chars{color:var(--ink-2);margin:0 0 6px auto;font-size:.8125rem}.text-setting{align-items:center;gap:8px;margin:0 0 6px;font-size:.875rem;display:flex}.text-setting.field span{margin:0;font-size:.875rem}.text-setting.field select{width:auto;min-height:36px;padding:0 10px;font-size:.875rem}.text-setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);margin:0}@media (pointer:coarse){.text-setting.field select{min-height:44px}.text-setting input[type=checkbox]{width:24px;height:24px}}.texts-files{flex-wrap:wrap;gap:8px;margin:4px 0 10px;display:flex}.texts-lesson{margin:16px 0 0}.texts-warning{border-radius:var(--radius-field);background:color-mix(in srgb, var(--sand) 25%, transparent);box-shadow:inset 3px 0 0 var(--verdict-ok);margin:0 0 10px;padding:10px 14px;font-size:.9375rem}.texts-import{border-radius:var(--radius-field);background:color-mix(in srgb, var(--ink) 6%, transparent);margin:12px 0 0;padding:12px 14px;font-size:.9375rem}.texts-import p{margin:0 0 6px}.texts-import ul{margin:0 0 8px;padding:0;list-style:none}.texts-import li{border-top:1px solid var(--line);padding:6px 0}.texts-import li:first-child{border-top:0}.texts-import .key{color:var(--ink-2);font-size:.8125rem;font-weight:600;display:block}.texts-import del{color:var(--ink-2);white-space:pre-wrap;display:block}.texts-import ins{white-space:pre-wrap;text-decoration:none;display:block}.texts-save{border-radius:var(--radius-field);box-shadow:inset 0 0 0 1.5px var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;padding:10px 14px;font-size:1rem;display:flex}body[data-page=tester]>.top{display:none}.eyebrow.muted{color:var(--ink-2)}.note{color:var(--ink-2);margin:0;font-size:.9375rem}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root){animation-duration:.38s;animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:.38s;animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.testers>.actions{justify-content:space-between;margin-bottom:8px}.testers>.actions h2{margin:0}.testers tbody th small{color:var(--ink-2);font-size:.8125rem;font-weight:400;display:block}.testers td .actions{flex-wrap:nowrap;gap:8px}.testers .answers{white-space:normal;min-width:48ch;margin:8px 0 0;padding-left:2.5ch;line-height:1.4}.emails h2{margin-top:28px}.emails h2:first-child{margin-top:0}.emails-schedule{color:var(--ink-2);margin:0;padding-left:20px;font-size:.9375rem}.emails-schedule li{margin-bottom:4px}.emails-schedule b{color:var(--ink)}.emails-test{max-width:28rem}.emails-test .note{margin-top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}button:active,a.button:active{transform:none}}:root{--switch:32px}@media (pointer:coarse){:root{--switch:44px}}:root[data-design] .app{padding-top:calc(var(--switch) + 24px + env(safe-area-inset-top,0px))}.design-switch{right:max(8px, env(safe-area-inset-right,0px));top:calc(6px + env(safe-area-inset-top,0px));z-index:50;background:var(--card);border:2px solid var(--line);border-radius:999px;gap:2px;margin:0;padding:3px;display:flex;position:absolute}.design-switch button,.design-switch button:hover,.design-switch button:active{width:var(--switch);height:var(--switch);min-height:0;box-shadow:none;cursor:pointer;font-family:var(--display);color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;margin:0;padding:0;font-size:.85rem;font-weight:700;line-height:1;display:grid;transform:none}.design-switch button:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.design-switch button[aria-pressed=true]{background:var(--ink);color:var(--card)}:root .form input[aria-invalid=true]{border-color:var(--error)}.field-error{color:var(--error);font-size:.9rem;font-weight:700}:root[data-design="2"]{--sky:#f6f3ec;--card:#fff;--ink:#2c3320;--muted:#5a6250;--saffron:#e2b45c;--saffron-deep:#8a5a12;--on-saffron:#2e1804;--teal:#5b7020;--teal-deep:#3f5214;--on-teal:#fff;--coral:#b5482f;--good-bg:#eef2d6;--bad-bg:#fbe6de;--sel-bg:#fff9e8;--locked:#ece8de;--locked-deep:#d6cfbf;--beard:#fff;--beard-shade:#dde4ee;--ruby:#c5153f;--ruby-deep:#8e1531;--line:#e4ded0;--scrim:#2c332080;--ink-strong:#4a5538;--error:#b42318;--display:"Nunito", "Segoe UI", system-ui, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ms-pad-top:calc(var(--switch) + 24px + env(safe-area-inset-top,0px));--sage:#4e6818;--sage-top:#5f7c22;--sage-deep:#34460f;--on-sage:#fff;--coral-deep:#8a3220;--olive:#7e9442;--olive-mid:#6b8a2b;--olive-bright:#8db03c;--olive-soft:#b9c38f;--olive-ring:#ccd3b0;--olive-pale:#e9eed6;--olive-dash:#b9bfa8;--gold:#e8c77e;--gold-light:#ffedc0;--gold-fill:#f6d48a;--gold-edge:#c9a44a;--gold-deep:#b98c3e;--gold-ink:#6a5a32;--gold-core:#fffdf1;--stone:#f4f0e6;--stone-2:#e0d8c6;--stone-3:#cbc0a9;--stone-edge:#bdb199;--stone-shadow:#d6cebb;--stone-line:#e3ded0;--sand-1:#f6e9cf;--sand-2:#e2cca2;--sand-3:#c7a878;--sky-1:#a9cbe0;--sky-2:#cfe2ea;--sky-3:#f4eee2;--haze:#eef0e8;--dawn:#fae3c6;--dawn-2:#f8e3cc;--mini-1:#e9f2f5;--mini-2:#bfd6e0;--sun:#fffef4;--sun-glow:#fff2cc;--right-edge:#7e9c2e;--right-deep:#5e7a1f;--right-top:#f4f7de;--right-bot:#e6edc0;--good-top:#f6f8e4;--good-bot:#e7eec6;--good-line:#c9d48e;--bad-top:#fdf1ec;--bad-line:#e9b9a8;--bar-bg:#e6e2d6;--bar-from:#9bb25a;--ruby-ring:#e5c2c9;--sun-half:#ffecc880;--sun-fade:#ffecc800;--halo:#ffeebed9;--halo-mid:#ffeebe4d;--halo-fade:#ffeebe00;--white-90:#ffffffe6;--white-80:#fffc;--white-60:#fff9;--white-50:#ffffff80;--white-25:#ffffff40;--white-0:#fff0;--top-bg:#f3f6f4;--top-bg-85:#f3f6f4d9;--top-fade:#f3f6f400;--bottom-bg:#f1ebdaf2;--bottom-fade:#f1ebda00;--sky-fade:#f6f3ec00;--shade:#3c46281f;--shade-soft:#3c462812;--shade-mid:#3c46282e;--shade-strong:#3c462840;--shade-good:#3c460a33;--shade-bad:#6e281429;--stone-inset:#786e5033;--stone-groove:#6e644659;--tag-shade:#968c6e40;--bar-inset:#5a5a3c40;--glow:#aac36459;--shade-right:#5064142e;--gold-inset:#aa782840;--gold-shade:#785a1e40;--gold-shade-soft:#785a1e2e;--ruby-shadow:#50001e73}:root[data-design="2"] body{background:var(--sky)}:root[data-design="2"] .brand{font:900 24px/1 var(--display);letter-spacing:-.01em}:root[data-design="2"] .brand span{color:var(--teal)}:root[data-design="2"] .brandBtn{min-height:48px}:root[data-design="2"] .chip{min-height:48px;font:900 18px var(--body);color:var(--ink);background:var(--card);border:1.5px solid var(--olive-soft);box-shadow:0 3px 0 var(--stone-shadow);gap:7px;padding:0 14px 0 10px}:root[data-design="2"] .chip .rubyIco{width:22px;height:22px}:root[data-design="2"] .lessonTop .rubyChip{padding:0 12px 0 8px}:root[data-design="2"] .cta{text-transform:none;letter-spacing:.01em;min-height:58px;font:900 19px/1.2 var(--body);color:var(--on-sage);background:linear-gradient(180deg, var(--sage-top), var(--sage));box-shadow:inset 0 2px 0 var(--white-25), 0 6px 0 var(--sage-deep), 0 10px 18px var(--shade-strong);border-radius:18px;padding:12px 20px}:root[data-design="2"] .cta:active{box-shadow:0 1px 0 var(--sage-deep);transform:translateY(5px)}:root[data-design="2"] .cta:disabled{background:var(--locked);color:var(--muted);box-shadow:0 5px 0 var(--locked-deep)}:root[data-design="2"] .ghost{border:1.5px solid var(--stone-line);background:var(--card);min-height:48px;font:800 15px var(--body);color:var(--ink);box-shadow:0 3px 0 var(--stone-shadow);border-radius:999px;padding:0 18px}:root[data-design="2"] .app .solo{box-shadow:0 0 0 1.5px var(--stone-line), 0 10px 24px var(--shade);border:0;border-radius:20px;margin-top:24px;padding:28px 24px}:root[data-design="2"] .app .solo button{cursor:pointer;width:100%;min-height:58px;font:900 19px/1.2 var(--body);color:var(--on-sage);background:linear-gradient(180deg, var(--sage-top), var(--sage));box-shadow:inset 0 2px 0 var(--white-25), 0 6px 0 var(--sage-deep);border:0;border-radius:18px}:root[data-design="2"] :is(.back,.x,.ms-round){cursor:pointer;width:48px;height:48px;color:var(--muted);background:radial-gradient(circle at 35% 30%, var(--card), var(--stone) 70%, var(--stone-2));box-shadow:inset 0 1px 0 var(--card), 0 4px 0 var(--stone-edge), 0 6px 12px var(--shade);border:0;border-radius:50%;flex:none;place-items:center;display:grid}:root[data-design="2"] :is(.back,.x,.ms-round):not(:disabled):active{box-shadow:0 1px 0 var(--stone-edge);transform:translateY(3px)}:root[data-design="2"] .x:disabled{opacity:.45}:root[data-design="2"] :is(.back,.x,.ms-round) svg{width:20px;height:20px}:root[data-design="2"] .ms-round svg path{fill:none;stroke:var(--ink);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}:root[data-design="2"] .bubble{font:600 16px/1.4 var(--body);color:var(--ink);box-shadow:0 0 0 1.5px var(--stone-line), 0 10px 24px var(--shade);border:0;border-radius:20px}:root[data-design="2"] .bubble:before{border-color:var(--stone-line)}:root[data-design="2"] .bubble small{color:var(--teal);font-size:.875rem;font-weight:700}:root[data-design="2"] .bubble.down{font:800 1.3rem/1.25 var(--display)}:root[data-design="2"] .chapter{box-shadow:0 0 0 1.5px var(--stone-line), 0 8px 18px var(--shade-soft);border:0;border-radius:20px}:root[data-design="2"] .wScene{background:linear-gradient(180deg, var(--sky-2), var(--sky-3))}:root[data-design="2"] .ct h3{font-size:1.2rem;font-weight:800}:root[data-design="2"] .form input{border-radius:14px;min-height:50px}:root[data-design="2"] .sectionLabel{color:var(--teal-deep);letter-spacing:.14em;font-weight:900}:root[data-design="2"] .skill{border:1.5px solid var(--stone-line);box-shadow:0 4px 0 var(--stone-shadow), 0 8px 14px var(--shade-soft);border-radius:20px}:root[data-design="2"] .skill.open{border:2px solid var(--olive);box-shadow:0 4px 0 var(--olive), 0 8px 18px var(--shade)}:root[data-design="2"] .skill.open:active{box-shadow:0 1px 0 var(--olive)}:root[data-design="2"] .emblem{background:radial-gradient(circle at 35% 30%, var(--olive-bright), var(--sage) 75%);box-shadow:0 3px 0 var(--sage-deep);border-radius:50%}:root[data-design="2"] :is(.skill.soon .emblem,.emblem.sm){background:var(--stone);box-shadow:inset 0 0 0 1.5px var(--stone-line)}:root[data-design="2"] .txt b{font-size:1.1rem;font-weight:800}:root[data-design="2"] .mbar{background:var(--bar-bg);height:10px}:root[data-design="2"] .mbar i{background:linear-gradient(90deg, var(--bar-from), var(--sage-top))}:root[data-design="2"] .ms-journey{isolation:isolate;background:var(--haze);max-width:460px;margin:0 auto;position:fixed;inset:0;overflow:hidden}:root[data-design="2"] .ms-bg{z-index:0;pointer-events:none;position:absolute;inset:0}:root[data-design="2"] .ms-bg>*{position:absolute}:root[data-design="2"] .ms-sky{background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 30%, var(--haze) 58%, var(--dawn) 80%, var(--dawn-2) 100%);height:914px;top:-70px;left:0;right:0}:root[data-design="2"] .ms-sun{background:radial-gradient(circle, var(--sun) 0 20%, var(--sun-glow) 32%, var(--sun-half) 46%, var(--sun-fade) 70%);border-radius:50%;width:190px;height:190px;top:150px;left:230px}:root[data-design="2"] .ms-far{height:236px;top:262px;left:0;right:0}:root[data-design="2"] .ms-far svg{width:100%;height:100%;display:block}:root[data-design="2"] .ms-mist{background:radial-gradient(closest-side, var(--white-80), var(--white-0));border-radius:50%;width:580px;height:70px;left:-60px}:root[data-design="2"] .ms-m1{top:400px}:root[data-design="2"] .ms-m2{height:90px;top:560px}:root[data-design="2"] .ms-scroll{z-index:2;overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}:root[data-design="2"] .ms-scroll::-webkit-scrollbar{display:none}:root[data-design="2"] .ms-track{display:block;position:relative;overflow:hidden}:root[data-design="2"] .ms-road{width:460px;height:100%;position:absolute;top:0;left:0}:root[data-design="2"] .ms-stop{z-index:2;width:var(--s);height:var(--s);left:calc(var(--x) - var(--s) / 2);top:calc(var(--y) - var(--s) / 2);position:absolute}:root[data-design="2"] .ms-med{cursor:pointer;background:radial-gradient(circle at 34% 28%, var(--card) 0%, var(--stone) 45%, var(--stone-2) 80%, var(--stone-3) 100%);width:100%;height:100%;box-shadow:inset 0 2px 0 var(--card), inset 0 -5px 10px var(--stone-inset), 0 5px 0 var(--stone-edge), 0 10px 16px var(--shade-mid);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}:root[data-design="2"] .ms-med:before{content:"";box-shadow:inset 0 1px 3px var(--stone-groove), 0 1px 0 var(--card);border-radius:50%;position:absolute;inset:8px}:root[data-design="2"] .ms-med svg{z-index:1;width:46%;height:46%;position:relative}:root[data-design="2"] .ms-med:active{box-shadow:inset 0 2px 0 var(--card), 0 1px 0 var(--stone-edge);transform:translateY(4px)}:root[data-design="2"] .ms-done .ms-med{box-shadow:inset 0 2px 0 var(--card), inset 0 -5px 10px var(--stone-inset), 0 0 0 3px var(--olive), 0 5px 0 var(--stone-edge), 0 10px 16px var(--shade-mid)}:root[data-design="2"] .ms-current .ms-med{background:radial-gradient(circle at 34% 28%, var(--gold-core) 0%, var(--gold-light) 38%, var(--gold-fill) 72%, var(--saffron) 100%);box-shadow:inset 0 2px 0 var(--card), inset 0 -6px 12px var(--gold-inset), 0 0 0 4px var(--card), 0 0 0 6px var(--gold), 0 6px 0 var(--gold-deep), 0 12px 22px var(--gold-shade)}:root[data-design="2"] .ms-current .ms-med:before{box-shadow:inset 0 1px 3px var(--gold-shade), 0 1px 0 var(--card);inset:10px}:root[data-design="2"] .ms-locked .ms-med{background:radial-gradient(circle at 34% 28%, var(--sand-1) 0%, var(--sand-2) 45%, var(--sand-3) 100%)}:root[data-design="2"] .ms-locked .ms-med:active,:root[data-design="2"] .ms-soon .ms-med:active{transform:none}:root[data-design="2"] .ms-soon .ms-med{background:var(--white-50);box-shadow:inset 0 0 0 2px var(--white-90), 0 4px 10px var(--shade-soft)}:root[data-design="2"] .ms-soon .ms-med:before{box-shadow:none;border:1.5px dashed var(--olive-dash);inset:6px}:root[data-design="2"] .ms-halo{pointer-events:none;background:radial-gradient(circle, var(--halo) 0%, var(--halo-mid) 40%, var(--halo-fade) 68%);border-radius:50%;width:190px;height:190px;margin:-95px 0 0 -95px;position:absolute;top:50%;left:50%}:root[data-design="2"] .ms-tag{width:max-content;max-width:min(210px, calc(100vw - var(--x) - var(--s) / 2 - 28px));background:var(--white-80);box-shadow:0 1px 0 var(--tag-shade);color:var(--ink);border-radius:10px;padding:4px 10px 5px;line-height:1.22;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}:root[data-design="2"] .ms-tag b{font:800 15.5px/1.22 var(--body);display:block}:root[data-design="2"] .ms-tag span{font:600 13.5px/1.25 var(--body);color:var(--muted);margin-top:2px;display:block}:root[data-design="2"] .ms-current .ms-tag{background:var(--card);box-shadow:0 0 0 2px var(--gold), 0 4px 12px var(--gold-shade-soft);padding:7px 12px 8px}:root[data-design="2"] .ms-current .ms-tag span{color:var(--gold-ink)}:root[data-design="2"] .ms-soon .ms-tag{background:var(--white-60);box-shadow:none}:root[data-design="2"] .ms-divider{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;left:22px;right:22px}:root[data-design="2"] .ms-divider:before,:root[data-design="2"] .ms-divider:after{content:"";background:linear-gradient(90deg, var(--white-0), var(--olive-soft));flex:1;height:2px}:root[data-design="2"] .ms-divider:after{background:linear-gradient(90deg, var(--olive-soft), var(--white-0))}:root[data-design="2"] .ms-divider span{background:var(--white-80);box-shadow:inset 0 0 0 1px var(--olive-ring);font:800 16px var(--display);color:var(--teal-deep);border-radius:999px;padding:6px 14px}:root[data-design="2"] .ms-top{z-index:5;padding:max(12px, env(safe-area-inset-top,0px)) 16px 22px;background:linear-gradient(180deg, var(--top-bg) 0%, var(--top-bg) 58%, var(--top-bg-85) 78%, var(--top-fade) 100%);padding-top:var(--ms-pad-top);position:absolute;top:0;left:0;right:0}:root[data-design="2"] .ms-row{align-items:center;gap:12px;min-height:52px;display:flex}:root[data-design="2"] .ms-row .brand{flex:1}:root[data-design="2"] .ms-plaque{background:var(--card);box-shadow:inset 4px 0 0 var(--olive), 0 0 0 1.5px var(--stone-line), 0 8px 22px var(--shade);border-radius:18px;margin-top:6px;padding:10px 14px 11px 18px}:root[data-design="2"] .ms-plaque .eyebrow{font:900 12px var(--body);letter-spacing:.14em;color:var(--teal)}:root[data-design="2"] .ms-plaque h2{font:800 19px/1.15 var(--display);letter-spacing:-.01em;margin:2px 0}:root[data-design="2"] .ms-plaque p{font:600 13px/1.3 var(--body);color:var(--muted);margin:0}:root[data-design="2"] .ms-bottom{z-index:5;padding:14px 16px max(16px, env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, var(--bottom-fade), var(--bottom-bg) 22%);position:absolute;bottom:0;left:0;right:0}:root[data-design="2"] .ms-bottom .toast:empty{display:none}:root[data-design="2"] .ms-bottom .toast{color:var(--ink);margin:0 0 10px}:root[data-design="2"] .ms-bottom .draft{margin-top:8px}:root[data-design="2"] .ms-hello{background:var(--card);box-shadow:0 0 0 1.5px var(--stone-line), 0 10px 24px var(--shade);border-radius:20px;margin-bottom:14px;padding:12px 104px 12px 16px;position:relative}:root[data-design="2"] .ms-hello p{font:600 16px/1.4 var(--body);color:var(--ink);margin:0}:root[data-design="2"] .ms-hello small{font:700 14px var(--body);color:var(--teal);align-items:center;gap:6px;margin-top:4px;display:flex}:root[data-design="2"] .ms-hello small svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:16px;height:16px}:root[data-design="2"] .ms-peek{width:98px;height:128px;position:absolute;bottom:0;right:8px;overflow:hidden}:root[data-design="2"] .ms-peek .fig{width:98px}:root[data-design="2"] .lesson{isolation:isolate;position:relative}:root[data-design="2"] .ms-qsky{z-index:-1;top:calc(-1 * var(--ms-pad-top));height:calc(156px + var(--ms-pad-top));background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 50%, var(--sky-3) 100%);position:absolute;left:-16px;right:-16px;overflow:hidden}:root[data-design="2"] .ms-qsun{background:radial-gradient(circle, var(--sun) 0 20%, var(--sun-glow) 34%, var(--sun-fade) 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:70px;right:40px}:root[data-design="2"] .ms-qsky svg{width:100%;height:64px;display:block;position:absolute;bottom:-1px;left:0}:root[data-design="2"] .ms-qsky~.stepBody{padding-top:100px}:root[data-design="2"] .lessonTop{gap:8px}:root[data-design="2"] .bar{background:var(--bar-bg);height:18px;box-shadow:inset 0 2px 3px var(--bar-inset), 0 1px 0 var(--card);border-radius:10px}:root[data-design="2"] .bar i{background:linear-gradient(90deg, var(--bar-from), var(--sage-top));box-shadow:inset 0 2px 0 var(--white-50);border-radius:10px}:root[data-design="2"] .stepTag{color:var(--muted);font-size:15px}:root[data-design="2"] .mini{vertical-align:middle;background:radial-gradient(circle at 40% 30%, var(--mini-1), var(--mini-2));width:48px;height:48px;box-shadow:0 0 0 3px var(--card), 0 0 0 4.5px var(--olive-soft), 0 4px 10px var(--shade);border-radius:50%;flex:none;display:inline-block;overflow:hidden}:root[data-design="2"] .q>.mini{margin-right:12px}:root[data-design="2"] .teachHead{gap:12px}:root[data-design="2"] .lesson .eyebrow{vertical-align:middle;background:var(--olive-pale);color:var(--teal-deep);font:900 13px var(--body);letter-spacing:.14em;border-radius:999px;padding:6px 12px;display:inline-block}:root[data-design="2"] .toolBadge{border-radius:999px;padding:6px 12px;font-size:13px}:root[data-design="2"] :is(.q,.teach) h2{font:800 26px/1.15 var(--display);letter-spacing:-.015em;color:var(--ink);margin:12px 0 14px}:root[data-design="2"] .cq{font-size:1.15rem;font-weight:800}:root[data-design="2"] .quote{box-shadow:inset 4px 0 0 var(--olive), 0 0 0 1.5px var(--stone-line);border:0;border-radius:18px}:root[data-design="2"] .cmp{border:1.5px solid var(--stone-line);border-radius:14px}:root[data-design="2"] .cmp.o{border-color:var(--olive)}:root[data-design="2"] .cmp.j span{color:var(--coral)}:root[data-design="2"] .scene{box-shadow:inset 0 0 0 1.5px var(--stone-line);border-radius:16px}:root[data-design="2"] .opts{gap:11px}:root[data-design="2"] .opt{border:2px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);font:700 17px/1.32 var(--body);box-shadow:0 4px 0 var(--stone-shadow), 0 8px 14px var(--shade-soft);border-radius:18px;position:relative}:root[data-design="2"] .opts .opt{min-height:62px;padding:13px 48px 13px 18px}:root[data-design="2"] .opt:not(:disabled):active{box-shadow:0 1px 0 var(--stone-shadow);transform:translateY(3px)}:root[data-design="2"] .opt.sel{border-color:var(--gold-edge);background:var(--sel-bg);box-shadow:0 4px 0 var(--gold-edge)}:root[data-design="2"] .opt.right{border-color:var(--right-edge);background:linear-gradient(var(--right-top), var(--right-bot));box-shadow:0 4px 0 var(--right-deep), 0 0 0 4px var(--glow), 0 8px 18px var(--shade-right)}:root[data-design="2"] .opt.wrong{border-color:var(--coral);background:var(--bad-bg);box-shadow:0 4px 0 var(--coral-deep)}:root[data-design="2"] .opts .opt:is(.right,.wrong):before{content:"";background:radial-gradient(circle at 35% 30%, var(--olive-bright), var(--sage-top));width:32px;height:32px;box-shadow:0 2px 0 var(--sage-deep), 0 0 0 2px var(--card);border-radius:50%;margin-top:-16px;position:absolute;top:50%;right:12px}:root[data-design="2"] .opts .opt.wrong:before{background:var(--coral);box-shadow:0 2px 0 var(--coral-deep), 0 0 0 2px var(--card)}:root[data-design="2"] .opts .opt.right:after{content:"";border:solid var(--on-sage);border-width:0 3.5px 3.5px 0;width:8px;height:15px;margin-top:-10px;position:absolute;top:50%;right:24px;transform:rotate(45deg)}:root[data-design="2"] .opts .opt.wrong:after{content:"";background:linear-gradient(45deg, transparent 41%, var(--card) 41% 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, var(--card) 41% 59%, transparent 59%);width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;right:20px}:root[data-design="2"] .scale .opt{min-height:56px;font:800 22px var(--display);padding:10px 0}:root[data-design="2"] .scaleLbl{color:var(--muted)}:root[data-design="2"] .sortRow{border:1.5px solid var(--stone-line);box-shadow:0 4px 0 var(--stone-shadow);border-radius:18px}:root[data-design="2"] .sortRow.right{border-color:var(--olive)}:root[data-design="2"] .segBtn{background:var(--sky);border-radius:12px;min-height:48px;font-size:15px}:root[data-design="2"] .segBtn.sel{border-color:var(--gold-edge);background:var(--sel-bg)}:root[data-design="2"] .line{border-bottom:2px dashed var(--olive-soft)}:root[data-design="2"] .chunk{min-height:48px;box-shadow:0 3px 0 var(--stone-shadow);border-radius:14px;font-size:16px}:root[data-design="2"] .slot{border-radius:14px;align-items:center;min-height:48px;display:inline-flex}:root[data-design="2"] .slot.next{border-color:var(--gold-edge);color:var(--teal-deep)}:root[data-design="2"] .say{border:1.5px solid var(--stone-line);box-shadow:0 3px 0 var(--stone-shadow);border-radius:18px}:root[data-design="2"] .rankItem{border:1.5px solid var(--stone-line);box-shadow:0 3px 0 var(--stone-shadow);border-radius:16px}:root[data-design="2"] .rankItem.on{border-color:var(--olive);box-shadow:0 3px 0 var(--olive)}:root[data-design="2"] .sortRow.wrong{border-color:var(--coral)}:root[data-design="2"] .sortRow.wrong .segBtn.sel{border-color:var(--coral);background:var(--bad-bg)}:root[data-design="2"] .sortRow.wrong .segBtn.ans{border-color:var(--teal);background:var(--good-bg)}:root[data-design="2"] .line.right{border-bottom:2px solid var(--teal)}:root[data-design="2"] .line.wrong{border-bottom:2px solid var(--coral)}:root[data-design="2"] .chunk.used{box-shadow:none}:root[data-design="2"] .msg.me .say{border-color:var(--teal);box-shadow:0 3px 0 var(--teal-deep)}:root[data-design="2"] .debate{box-shadow:0 0 0 1.5px var(--stone-line), 0 8px 18px var(--shade-soft);border:0;border-radius:20px}:root[data-design="2"] .dName{font-size:1rem;font-weight:800}:root[data-design="2"] textarea{border-radius:16px}:root[data-design="2"] .sheet{padding:16px 16px calc(36px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, var(--sky-fade), var(--sky) 30%);box-shadow:none;clip-path:none;border:0;border-radius:30px 30px 0 0;margin:0 -16px -20px}:root[data-design="2"] .sheet.good{background:linear-gradient(var(--good-top), var(--good-bot));box-shadow:0 -2px 0 var(--good-line), 0 -14px 34px var(--shade-good)}:root[data-design="2"] .sheet.bad{background:linear-gradient(var(--bad-top), var(--bad-bg));box-shadow:0 -2px 0 var(--bad-line), 0 -14px 34px var(--shade-bad)}:root[data-design="2"] .sheet.good:before{content:"";background:linear-gradient(90deg, var(--olive-soft), var(--olive-mid), var(--olive-soft));border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:24px;right:24px}:root[data-design="2"] .fb{font:650 17px/1.4 var(--body);color:var(--ink);position:relative}:root[data-design="2"] .fb b{min-height:50px;font:900 27px/1.1 var(--display);align-items:center;gap:10px;margin-bottom:8px;display:flex}:root[data-design="2"] .sheet:is(.good,.bad) .fb b{padding-left:62px}:root[data-design="2"] .sheet.good .fb b{color:var(--teal-deep)}:root[data-design="2"] .sheet.bad .fb b{color:var(--coral-deep)}:root[data-design="2"] .sheet:is(.good,.bad) .fb:before{content:"";background:radial-gradient(circle at 35% 30%, var(--olive-bright), var(--sage-top) 70%);width:50px;height:50px;box-shadow:0 3px 0 var(--sage-deep), 0 0 0 3px var(--card);border-radius:50%;position:absolute;top:0;left:0}:root[data-design="2"] .sheet.bad .fb:before{background:var(--coral);box-shadow:0 3px 0 var(--coral-deep), 0 0 0 3px var(--card)}:root[data-design="2"] .sheet.good .fb b:before{content:"";border:solid var(--on-sage);border-width:0 4px 4px 0;width:11px;height:21px;position:absolute;top:11px;left:19px;transform:rotate(45deg)}:root[data-design="2"] .sheet.bad .fb b:before{content:"";background:linear-gradient(45deg, transparent 40%, var(--card) 40% 60%, transparent 60%), linear-gradient(-45deg, transparent 40%, var(--card) 40% 60%, transparent 60%);width:20px;height:20px;position:absolute;top:15px;left:15px}:root[data-design="2"] .gain{background:var(--card);box-shadow:0 0 0 1.5px var(--ruby-ring), 0 3px 0 var(--stone-shadow);font:900 17px var(--body);color:var(--ruby-deep);border-radius:999px;gap:5px;margin-left:auto;padding:6px 12px 6px 10px}:root[data-design="2"] .gain .rubyIco{width:20px;height:20px}:root[data-design="2"] .done{gap:12px;padding-block:0 8px}:root[data-design="2"] .ms-finish{height:410px;margin:calc(-1 * var(--ms-pad-top)) -16px 8px;align-self:stretch;position:relative;overflow:hidden}:root[data-design="2"] .ms-finish>*{position:absolute}:root[data-design="2"] .ms-dsky{background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 35%, var(--sky-3) 72%, var(--dawn) 100%);inset:0}:root[data-design="2"] .ms-drings{background:repeating-radial-gradient(circle, var(--white-50) 0 2px, var(--white-0) 2px 34px);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;top:236px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 60%);mask-image:radial-gradient(circle,#000 20%,#0000 60%)}:root[data-design="2"] .ms-dsun{background:radial-gradient(circle, var(--card) 0 22%, var(--sun-glow) 34%, var(--sun-half) 48%, var(--sun-fade) 70%);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;top:236px;left:50%}:root[data-design="2"] .ms-dfar{height:110px;top:232px;left:0;right:0}:root[data-design="2"] .ms-dhill{width:156px;margin-left:-78px;top:150px;left:50%}:root[data-design="2"] .ms-dwall{height:104px;top:306px;left:0;right:0}:root[data-design="2"] :is(.ms-dfar,.ms-dwall,.ms-dove) svg{width:100%;height:100%;display:block;overflow:visible}:root[data-design="2"] .ms-dove{opacity:0;width:40px;height:24px;top:210px;left:50%}:root[data-design="2"] .ms-rubies{z-index:3;width:0;height:0;top:236px;left:50%}:root[data-design="2"] .ms-rubies i{width:var(--sz);height:var(--sz);left:calc(var(--sz) / -2);top:calc(var(--sz) / -2);transform:translate(var(--dx), var(--dy)) rotate(var(--r));position:absolute}:root[data-design="2"] .ms-rubies svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px var(--ruby-shadow));display:block}:root[data-design="2"] .done h1{font:900 34px/1.1 var(--display);letter-spacing:-.02em;color:var(--teal-deep)}:root[data-design="2"] .done h1:after{content:"";background:radial-gradient(closest-side, var(--teal) 96%, transparent) 72.6px 4.6px / 4.8px 4.8px no-repeat, radial-gradient(closest-side, var(--olive) 96%, transparent) 62px 4.4px / 12px 5.2px no-repeat, radial-gradient(closest-side, var(--olive) 96%, transparent) 76px 4.4px / 12px 5.2px no-repeat, linear-gradient(var(--olive-soft), var(--olive-soft)) 2px 6px / 58px 2px no-repeat, linear-gradient(var(--olive-soft), var(--olive-soft)) 90px 6px / 58px 2px no-repeat;width:150px;height:14px;margin:8px auto 0;display:block}:root[data-design="2"] .rubyNote{max-width:none;font:600 16px/1.35 var(--body);color:var(--muted);margin:0}:root[data-design="2"] .rubyNote .rubyIco{width:18px;height:18px}:root[data-design="2"] .done .lead{max-width:none;font:700 17px/1.4 var(--body);color:var(--ink)}:root[data-design="2"] .tiles{grid-template-columns:repeat(3,1fr);margin-block:8px 12px}:root[data-design="2"] .tile{background:var(--card);box-shadow:0 0 0 1.5px var(--stone-line), 0 4px 0 var(--stone-shadow), 0 8px 14px var(--shade-soft);border:0;border-radius:16px;padding:10px 6px 12px}:root[data-design="2"] .tile:has(.tileRuby){box-shadow:0 0 0 2px var(--olive-soft), 0 4px 0 var(--olive), 0 0 22px var(--glow)}:root[data-design="2"] .tile span{font:800 13px var(--body);text-transform:none;letter-spacing:0;color:var(--teal)}:root[data-design="2"] .tile b{font:900 24px/1.15 var(--display);color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:4px;display:flex}:root[data-design="2"] .tile b.tileRuby{color:var(--ruby-deep)}:root[data-design="2"] .done .ghost{align-self:center}@media (prefers-reduced-motion:no-preference){:root[data-design="2"] .ms-halo{animation:4.2s ease-in-out infinite ms-breathe}:root[data-design="2"] .ms-peek>div{animation:4s ease-in-out infinite ms-bob}:root[data-design="2"] .opts .opt:is(.right,.wrong):before{animation:.5s cubic-bezier(.3,1.6,.5,1) both ms-pop}:root[data-design="2"] .opts .opt:is(.right,.wrong):after{animation:.25s ease-out .2s both ms-fade}:root[data-design="2"] .sheet:is(.good,.bad){animation:.5s cubic-bezier(.2,.9,.25,1.08) both ms-sheet}:root[data-design="2"] .ms-dsun{animation:1.5s cubic-bezier(.15,.75,.25,1) both ms-sun}:root[data-design="2"] .ms-drings{animation:2.2s cubic-bezier(.15,.75,.25,1) .5s both ms-rings}:root[data-design="2"] .ms-dhill{animation:.8s cubic-bezier(.2,.8,.2,1) .2s both ms-rise}:root[data-design="2"] .ms-rubies i{animation:ms-tumble 2.6s calc(1s + var(--d)) both}:root[data-design="2"] .ms-dv1{--vx:-150px;--vy:-170px;animation:2.6s cubic-bezier(.3,.2,.4,1) 1s both ms-dove}:root[data-design="2"] .ms-dv2{--vx:140px;--vy:-150px;animation:2.8s cubic-bezier(.3,.2,.4,1) 1.2s both ms-dove}:root[data-design="2"] .ms-dv3{--vx:40px;--vy:-200px;animation:3s cubic-bezier(.3,.2,.4,1) 1.45s both ms-dove}}@media (width<=899px){:root[data-design="2"] .ms-halo,:root[data-design="2"] .ms-peek>div{animation-iteration-count:3}}@keyframes ms-breathe{0%,to{opacity:.7;transform:scale(.82)}50%{opacity:1;transform:scale(1.1)}}@keyframes ms-bob{0%,to{transform:none}50%{transform:translateY(-6px)}}@keyframes ms-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes ms-fade{0%{opacity:0}to{opacity:1}}@keyframes ms-sheet{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:none}}@keyframes ms-sun{0%{opacity:.4;transform:translateY(150px)scale(.6)}to{opacity:1;transform:none}}@keyframes ms-rings{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes ms-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes ms-dove{0%{opacity:0;transform:translateY(20px)scale(.5)}15%,80%{opacity:1}to{opacity:0;transform:translate(var(--vx), var(--vy)) scale(1)}}@keyframes ms-tumble{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(0)rotate(0)scale(.3)}8%{opacity:1}38%{transform:translate(var(--ax), var(--ay)) rotate(calc(var(--r) * .45)) scale(1.1);animation-timing-function:cubic-bezier(.5,0,.9,.6)}72%{transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(1);animation-timing-function:cubic-bezier(.2,.7,.4,1)}82%{transform:translate(var(--dx), calc(var(--dy) - 14px)) rotate(calc(var(--r) + 18deg));animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--r))}}:root[data-design="3"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky:#fdfaf2;--card:#fff;--ink:#22364a;--muted:#4c6072;--saffron:#edb65a;--saffron-deep:#8a5a1e;--on-saffron:#2a1b04;--teal:#2a7f7a;--teal-deep:#1f6662;--on-teal:#fff;--coral:#c4492f;--good-bg:#eaf4df;--bad-bg:#fbe6df;--sel-bg:#e4f0f8;--locked:#e6eaed;--locked-deep:#b8c4cd;--skin:#f6d2ad;--cheek:#f39a86;--ruby:#c8243f;--ruby-deep:#8a1a2e;--beard:#fff;--beard-shade:#d6e3ec;--line:#c9d6df;--error:#b42318;--ink-strong:#34446a;--display:"Nunito", "Segoe UI", system-ui, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--hand:"Caveat", "Comic Sans MS", cursive;--pen:#7d93a5;--pencil:#76838e;--sky-deep:#2f6f9e;--coral-deep:#b03f27;--green:#2f7a45;--green-deep:#1c4f2b;--leaf:#a9d39a;--sun:#ffd36b;--btn:#c4492f;--btn-deep:#8f3220;--on-btn:#fff;--note:#fffef9;--rule:#3d84b82e;--dot:#3d6e9633;--shade:#3c506424;--tape-a:#e8735a8c;--tape-b:#ffd6be8c;--tape-c:#2f8f8a73;--tape-d:#bee8e299;--tape-sun:#ffd36bb3;--wash-sky:#8ec5e673;--wash-green:#8cc47a66;--wash-sand:#f0cf8e80;--gloss:#fff3;--scrim:#22364a73}:root[data-design="3"] body{background:radial-gradient(circle, var(--dot) 1.1px, transparent 1.5px) 0 0 / 18px 18px, var(--sky);font-weight:600}:root[data-design="3"] .app :is(.unit h2,.label b,.q h2,.teach h2,.done h1,.ct h3,.cq,.txt b,.tile b,.fb b,.about h3,.dName,.scale .opt,.rankNum,.modalCard h2),:root[data-design="3"] .solo h1{font-weight:900}:root[data-design="3"] .brand{font-family:var(--hand);font-size:1.95rem;font-weight:700;line-height:1}:root[data-design="3"] .brand span{color:var(--ink)}:root[data-design="3"] .eyebrow{color:var(--coral-deep);letter-spacing:.12em;font-weight:900}:root[data-design="3"] .sectionLabel{color:var(--coral-deep);font-weight:900}:root[data-design="3"] :focus-visible{outline-color:var(--sky-deep)}:root[data-design="3"] :is(.skill,.opt,.rankItem,.chunk,.chip,.back,.tile,.sortRow,.cmp,.quote,.about,.chapter,.say,.segBtn,.ghost,.demoBtn){background:var(--card);border:1.5px solid var(--pen);box-shadow:0 4px 0 var(--line)}:root[data-design="3"] :is(.skill,.opt,.rankItem,.tile,.sortRow,.quote,.about,.chapter,.cmp){border-radius:16px}:root[data-design="3"] :is(.opt,.rankItem,.chunk,.chip,.back,.segBtn,.ghost,.skill.open):active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(3px)}:root[data-design="3"] .opt{min-height:64px;padding:12px 16px;font-size:1.06rem}:root[data-design="3"] .opts{gap:14px}:root[data-design="3"] .chip{border-radius:24px;min-height:48px;padding:0 14px 0 10px;font-size:1.15rem;font-weight:900}:root[data-design="3"] .chip svg,:root[data-design="3"] .chip .rubyIco{width:24px;height:24px}:root[data-design="3"] .lessonTop .rubyChip{padding:0 12px 0 8px}:root[data-design="3"] :is(.back,.x){border-radius:50%;width:48px;height:48px}:root[data-design="3"] .x{background:var(--card);border:1.5px solid var(--pen);box-shadow:0 4px 0 var(--line);color:var(--ink)}:root[data-design="3"] .x:disabled{opacity:.45}:root[data-design="3"] .ghost{border-radius:24px;min-height:48px;padding:0 16px}:root[data-design="3"] .demoBtn{box-shadow:none;border-style:dashed;min-height:48px}:root[data-design="3"] .segBtn{border-radius:12px;min-height:48px}:root[data-design="3"] .chunk{min-height:48px}:root[data-design="3"] .cta{min-height:58px;font-family:var(--body);letter-spacing:.01em;text-transform:none;background:var(--btn);color:var(--on-btn);box-shadow:0 5px 0 var(--btn-deep);border-radius:18px;padding:12px 18px;font-size:1.19rem;font-weight:900;position:relative}:root[data-design="3"] .cta:after{content:"";background:var(--gloss);border-radius:9px;height:9px;position:absolute;top:6px;left:14px;right:14px}:root[data-design="3"] .stickyCta{position:sticky}:root[data-design="3"] .cta:disabled:after{display:none}:root[data-design="3"] .cta:active{box-shadow:0 1px 0 var(--btn-deep)}:root[data-design="3"] .cta:disabled{background:var(--locked);color:var(--muted);box-shadow:0 5px 0 var(--locked-deep)}:root[data-design="3"] :is(.unit,.bubble,.done .tiles,.box.solo):after{content:"";z-index:3;opacity:.85;pointer-events:none;background:repeating-linear-gradient(135deg, var(--tape-a) 0 6px, var(--tape-b) 6px 12px);width:74px;height:22px;position:absolute}:root[data-design="3"] .bubble{background:var(--note) repeating-linear-gradient(180deg, transparent 0 25px, var(--rule) 25px 26px) 0 9px;box-shadow:0 8px 18px var(--shade), 0 1px 0 var(--line);border:0;border-radius:4px;font-weight:600;line-height:26px;transform:rotate(.8deg)}:root[data-design="3"] .bubble:before{background:var(--note);box-shadow:-2px 2px 3px var(--shade);border:0}:root[data-design="3"] .bubble:after{background:var(--tape-sun);margin-left:-37px;top:-11px;left:50%;transform:rotate(-3deg)}:root[data-design="3"] .bubble small{font-family:var(--hand);color:var(--sky-deep);font-size:1.3rem;font-weight:700;line-height:1.2}:root[data-design="3"] .bubble.down{font-family:var(--hand);padding:12px 18px;font-size:1.9rem;font-weight:700;line-height:1.1}:root[data-design="3"] .hero{width:104px;filter:drop-shadow(0 3px 3px var(--shade))}:root[data-design="3"] .mini{width:52px}:root[data-design="3"] .big{width:132px;filter:drop-shadow(0 4px 3px var(--shade))}:root[data-design="3"] .chapter{box-shadow:0 2px 0 var(--line), 0 10px 22px var(--shade);border-radius:8px}:root[data-design="3"] .chapter:nth-child(odd){transform:rotate(-.8deg)}:root[data-design="3"] .chapter:nth-child(2n){transform:rotate(.7deg)}:root[data-design="3"] .wScene{background:var(--sel-bg)}:root[data-design="3"] .skill.open{border-color:var(--teal);box-shadow:0 4px 0 var(--teal-deep)}:root[data-design="3"] .emblem{background:var(--teal);box-shadow:inset 0 0 0 3px var(--card), 0 0 0 1.5px var(--teal);border-radius:50%}:root[data-design="3"] .skill.soon .emblem{background:var(--locked);box-shadow:inset 0 0 0 3px var(--card), 0 0 0 1.5px var(--pencil)}:root[data-design="3"] .emblem.sm{background:var(--locked);box-shadow:inset 0 0 0 2px var(--card), 0 0 0 1.5px var(--pencil)}:root[data-design="3"] .skill.soon{box-shadow:none;border-style:dashed}:root[data-design="3"] .mbar{background:var(--locked)}:root[data-design="3"] .mbar i{background:var(--btn)}:root[data-design="3"] .txt i{font-family:var(--hand);color:var(--sky-deep);font-size:1.15rem;font-style:normal}:root[data-design="3"] .unit{background:var(--card);color:var(--ink);box-shadow:0 2px 0 var(--line), 0 10px 22px var(--shade);border-radius:6px;padding:18px 18px 16px;position:relative;transform:rotate(-1.2deg)}:root[data-design="3"] .unit:after{top:-8px;left:-16px;transform:rotate(-32deg)}:root[data-design="3"] .unit:before{content:"";opacity:.85;background:repeating-linear-gradient(90deg, var(--tape-c) 0 4px, var(--tape-d) 4px 10px);width:74px;height:22px;position:absolute;top:-8px;right:-16px;transform:rotate(30deg)}:root[data-design="3"] .unit .eyebrow{color:var(--coral-deep);opacity:1}:root[data-design="3"] .unit h2{margin:7px 0 5px;font-size:1.44rem;line-height:1.15}:root[data-design="3"] .unit p{color:var(--muted);opacity:1;font-size:1rem;font-weight:600}:root[data-design="3"] .path{background:radial-gradient(30% 6.5% at 68% 9%, var(--wash-sand), transparent), radial-gradient(30% 7% at 32% 30%, var(--wash-green), transparent), radial-gradient(45% 5% at 52% 52%, var(--wash-sky), transparent), radial-gradient(34% 6.3% at 36% 78%, var(--wash-sand), transparent);gap:30px;padding-block:18px;position:relative}:root[data-design="3"] .path:before{content:"";z-index:0;border-left:3px dashed var(--sky-deep);opacity:.55;width:0;position:absolute;top:30px;bottom:30px;left:50%}:root[data-design="3"] .stop{z-index:1;position:relative}:root[data-design="3"] .node{background:var(--card);border:3px solid var(--teal);width:80px;height:80px;box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 6px var(--teal), 0 4px 0 var(--line);border-radius:50%;transform:rotate(-9deg)}:root[data-design="3"] .node svg{width:34px;height:34px}:root[data-design="3"] .node.done{background:var(--good-bg);box-shadow:inset 0 0 0 4px var(--good-bg), inset 0 0 0 6px var(--teal), 0 4px 0 var(--line)}:root[data-design="3"] .node.done svg path{stroke:var(--teal)}:root[data-design="3"] .node.current{background:var(--btn);border-color:var(--btn-deep);box-shadow:inset 0 0 0 4px var(--btn), inset 0 0 0 6px var(--card), 0 5px 0 var(--btn-deep);transform:none}:root[data-design="3"] .node.current svg path{fill:var(--on-btn)}:root[data-design="3"] :is(.node.locked,.node.soon){background:var(--sky);border:2px dashed var(--pencil);box-shadow:none;transform:none}:root[data-design="3"] :is(.node.locked,.node.soon):active{box-shadow:none}:root[data-design="3"] .node:active{box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 6px var(--teal), 0 1px 0 var(--line)}:root[data-design="3"] .node.current:active{box-shadow:inset 0 0 0 4px var(--btn), inset 0 0 0 6px var(--card), 0 1px 0 var(--btn-deep);transform:translateY(4px)}:root[data-design="3"] .label{background:var(--note);box-shadow:0 4px 12px var(--shade);border-radius:10px;max-width:220px;padding:7px 11px 8px}:root[data-design="3"] .label b{font-family:var(--body);font-size:1rem}:root[data-design="3"] .label span{font-size:.95rem;font-weight:600}:root[data-design="3"] .stop.soonStop .label{opacity:1;background:var(--sky);box-shadow:none;border:1.5px dashed var(--pencil)}:root[data-design="3"] .stop.soonStop .node{opacity:.75}:root[data-design="3"] .divider{z-index:1;background:var(--tape-sun);width:auto;color:var(--ink);font-family:var(--hand);text-transform:none;letter-spacing:0;clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,99% 92%,96% 100%,4% 96%,1% 100%);justify-content:center;padding:8px 28px 9px;font-size:1.6rem;font-weight:700;line-height:1;position:relative;transform:rotate(-2deg)}:root[data-design="3"] .divider:before,:root[data-design="3"] .divider:after{display:none}:root[data-design="3"] .toast{font-family:var(--hand);color:var(--sky-deep);font-size:1.35rem}:root[data-design="3"] .lessonTop{gap:8px}:root[data-design="3"] .bar{background:var(--locked);height:18px;box-shadow:inset 0 0 0 1.5px var(--pen)}:root[data-design="3"] .bar i{background:var(--btn);position:relative}:root[data-design="3"] .bar i:after{content:"";background:radial-gradient(circle, var(--btn) 2.5px, var(--card) 3px);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}:root[data-design="3"] .stepTag{padding-left:6px;font-size:1rem;font-weight:900}:root[data-design="3"] .q .eyebrow,:root[data-design="3"] .teach .eyebrow,:root[data-design="3"] .teachHead .eyebrow{background:var(--wash-sky);color:var(--ink);clip-path:polygon(0 6%,4% 0,96% 6%,100% 0,98% 94%,95% 100%,3% 94%,0 100%);padding:6px 14px 7px;display:inline-block;transform:rotate(-2deg)}:root[data-design="3"] .q h2,:root[data-design="3"] .teach h2{margin:12px 0 20px;font-size:1.69rem;line-height:1.15}:root[data-design="3"] .toolBadge{background:var(--btn);color:var(--on-btn);border-radius:6px;font-weight:900}:root[data-design="3"] .quote{font-family:var(--hand);background:var(--note);font-size:1.6rem;font-weight:700;line-height:1.15;transform:rotate(-.6deg)}:root[data-design="3"] .quote cite{font-family:var(--body)}:root[data-design="3"] .scene{background:var(--sel-bg);border-radius:12px}:root[data-design="3"] .opt.sel,:root[data-design="3"] .rankItem.on,:root[data-design="3"] .segBtn.sel{border:2px solid var(--sky-deep);background:var(--sel-bg);box-shadow:0 4px 0 var(--sky-deep)}:root[data-design="3"] .rankItem.on .rankNum{background:var(--sky-deep);border-color:var(--sky-deep)}:root[data-design="3"] .opt.right,:root[data-design="3"] .sortRow.wrong .segBtn.ans{border:2px solid var(--green);background:var(--good-bg);box-shadow:0 4px 0 var(--leaf);position:relative}:root[data-design="3"] .opt.right:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%232a8580' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='40' r='34' stroke-width='3'/%3E%3Ccircle cx='40' cy='40' r='27' stroke-width='1.5' stroke-dasharray='3 4'/%3E%3Cpath d='M27 41 37 51 55 30' stroke-width='5'/%3E%3C/svg%3E") 50%/contain no-repeat;width:52px;height:52px;animation:.35s cubic-bezier(.3,1.5,.5,1) both thunk3;position:absolute;top:-18px;right:-12px;transform:rotate(-14deg)}:root[data-design="3"] .opt.wrong,:root[data-design="3"] .sortRow.wrong .segBtn.sel{border:2px solid var(--coral);background:var(--bad-bg);box-shadow:0 4px 0 var(--coral)}:root[data-design="3"] .sortRow.right{border-color:var(--green)}:root[data-design="3"] .line{border-bottom:2px dashed var(--pen)}:root[data-design="3"] .line.right{border-color:var(--green)}:root[data-design="3"] .slot{border:1.5px dashed var(--pen)}:root[data-design="3"] .slot.next{border-color:var(--sky-deep);color:var(--sky-deep)}:root[data-design="3"] .chunk.used{background:var(--locked);border-color:var(--locked);box-shadow:none}:root[data-design="3"] :is(textarea,.form input,.shareRow input,.field input){border:1.5px solid var(--pen);background:var(--card)}:root[data-design="3"] :is(textarea,.form input,.shareRow input):focus{border-color:var(--sky-deep)}:root[data-design="3"] .msg.me .say{background:var(--teal-deep);border-color:var(--teal-deep)}:root[data-design="3"] .say{box-shadow:0 3px 0 var(--line);border-radius:14px}:root[data-design="3"] .debate{border:1.5px solid var(--pen);box-shadow:0 2px 0 var(--line), 0 10px 22px var(--shade);border-radius:8px}:root[data-design="3"] .dBub{background:var(--note)}:root[data-design="3"] .dVoice{font-family:var(--hand);color:var(--saffron-deep);background:var(--good-bg);font-size:1.4rem}:root[data-design="3"] .sheet.good,:root[data-design="3"] .sheet.bad{border-top:0;border-radius:18px 18px 0 0}:root[data-design="3"] .sheet.good .fb b{color:var(--green-deep);font-size:1.69rem}:root[data-design="3"] .sheet.bad .fb b{color:var(--coral-deep);font-size:1.69rem}:root[data-design="3"] .sheet.good .cta{background:var(--green);box-shadow:0 5px 0 var(--green-deep)}:root[data-design="3"] .gain{background:var(--card);box-shadow:0 3px 0 var(--leaf);color:var(--ink);border-radius:20px;margin-left:10px;padding:4px 10px;font-size:1rem}:root[data-design="3"] .done .pop{background:radial-gradient(circle, var(--sun) 0 34%, transparent 66%);place-items:center;width:210px;height:190px;display:grid;position:relative}:root[data-design="3"] .done h1{background:var(--btn);color:var(--on-btn);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:12px 30px 14px;font-size:1.62rem;line-height:1.1}:root[data-design="3"] .done .lead{color:var(--ink);font-size:1.06rem;font-weight:600}:root[data-design="3"] .done .tiles{background:var(--note);box-shadow:0 2px 0 var(--line), 0 8px 18px var(--shade);border-radius:6px;padding:18px 12px 14px;position:relative;transform:rotate(.6deg)}:root[data-design="3"] .done .tiles:after{width:60px;top:-8px;left:-14px;transform:rotate(-28deg)}:root[data-design="3"] .tile{text-align:center;padding:9px 8px 10px}:root[data-design="3"] .tile span{letter-spacing:.04em;font-size:.8rem}:root[data-design="3"] .tile b{color:var(--ink);font-size:1.5rem}:root[data-design="3"] .tile b.tileRuby{color:var(--ruby-deep)}:root[data-design="3"] .rubyNote{font-family:var(--hand);color:var(--sky-deep);font-size:1.3rem;line-height:1.2}:root[data-design="3"] .modalCard{box-shadow:0 2px 0 var(--line), 0 10px 22px var(--shade);border-radius:8px}:root[data-design="3"] .box.solo{box-shadow:0 2px 0 var(--line), 0 10px 22px var(--shade);border:0;border-radius:6px;position:relative}:root[data-design="3"] .box.solo>button{cursor:pointer;background:var(--btn);min-height:52px;color:var(--on-btn);box-shadow:0 4px 0 var(--btn-deep);border:0;border-radius:16px;padding:0 24px;font-weight:900}:root[data-design="3"] .box.solo>button:active{box-shadow:0 1px 0 var(--btn-deep);transform:translateY(3px)}:root[data-design="3"] .box.solo:after{background:var(--tape-sun);margin-left:-37px;top:-11px;left:50%;transform:rotate(-3deg)}:root[data-design="3"] .design-switch{border:1.5px solid var(--pen)}@keyframes thunk3{0%{opacity:0;transform:rotate(-14deg)scale(1.4)}to{opacity:1;transform:rotate(-14deg)scale(1)}}:root[data-design="4"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky:#f4e6c6;--card:#fff6e2;--ink:#3a2615;--muted:#5e4428;--saffron:#d69a2b;--saffron-deep:#7a4f0c;--on-saffron:#2a1b04;--teal:#2f6b6f;--teal-deep:#1d4c4f;--on-teal:#fff6e2;--coral:#a8322a;--good-bg:#e1eac6;--bad-bg:#f6ddd2;--sel-bg:#fff1cf;--locked:#e8d2a2;--locked-deep:#c9a66b;--skin:#f0c9a0;--cheek:#e89a7a;--ruby:#b3203a;--ruby-deep:#7a1526;--beard:#fbf7ee;--beard-shade:#cdbfa6;--line:#c9a66b;--error:#9a2a1e;--ink-strong:#3a2615;--field-line:#8a6a44;--display:"Alegreya", Georgia, serif;--body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--fell:"IM Fell English SC", Georgia, serif;--wax:#a8322a;--wax-deep:#5c1712;--on-wax:#fff3e0;--gold-deep:#7a4f0c;--olive:#3f6b34;--olive-deep:#284a20;--river-deep:#3f6f86;--soon-bg:#f6ead0;--ribbon:#5e4428;--ribbon-tail:#4a3420;--on-ribbon:#fbefd3;--banner-tail:#7d2119;--trail:#e3c890;--wood:#8a5a2b;--wood-hi:#c98f4f;--spark:#ffd86b;--scrim:#3a261580;--burn:#7a481461;--burn-in:#5a320a4d;--warm:#f8ecd0;--warm-2:#ecd7a8;--gloss:#ffffff29;--hollow:#3a26152e;--glow:#ffd26ed9;--glow-soft:#ffd26e40;--glow-hot:#ffe28cf2;--glow-warm:#ffce5a59;--ray:#f0be508c;--ground:#7a4f1e47;--fog:#f4e6c69e;--veil:#f4e6c6f5;--frame:#5e4428b3;--medal-hi:#f9e3b3;--medal-lo:#e3bf7a}:root[data-design="4"] body{font-family:var(--body);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 30% 20%, var(--warm), transparent 60%), radial-gradient(ellipse at 80% 90%, var(--warm-2), transparent 55%), var(--sky);background-attachment:fixed;font-weight:500}:root[data-design="4"] body:after{content:"";z-index:40;pointer-events:none;box-shadow:inset 0 0 70px var(--burn), inset 0 0 14px var(--burn-in);position:fixed;inset:0}:root[data-design="4"] .app :is(.unit h2,.q h2,.teach h2,.done h1,.cq,.txt b,.tile b,.fb b,.about h3,.ct h3,.dName,.scale .opt,.rankNum,.modalCard h2,.bubble.down),:root[data-design="4"] .solo h1{font-family:var(--display);font-weight:800}:root[data-design="4"] .brand{font-family:var(--display);color:var(--ink);align-items:center;gap:6px;font-size:1.44rem;font-weight:800;line-height:1;display:inline-flex}:root[data-design="4"] .brand span{color:var(--ink)}:root[data-design="4"] .brand svg{flex:none;width:22px;height:30px}:root[data-design="4"] .eyebrow{color:var(--gold-deep);letter-spacing:.12em;font-size:.88rem;font-weight:800}:root[data-design="4"] .sectionLabel{font-family:var(--fell);letter-spacing:.02em;text-transform:none;color:var(--gold-deep);font-size:1.15rem;font-weight:400}:root[data-design="4"] :focus-visible{outline-color:var(--river-deep)}:root[data-design="4"] .toast,:root[data-design="4"] .draft{color:var(--muted)}:root[data-design="4"] :is(.skill,.opt,.rankItem,.chunk,.chip,.back,.x,.tile,.sortRow,.cmp,.quote,.about,.chapter,.say,.segBtn,.ghost,.debate){background:var(--card);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);color:var(--ink)}:root[data-design="4"] :is(.skill,.opt,.rankItem,.tile,.sortRow,.quote,.about,.chapter,.cmp,.debate){border-radius:16px}:root[data-design="4"] :is(.opt,.rankItem,.chunk,.chip,.back,.x,.segBtn,.ghost,.skill.open):active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-design="4"] .opt{min-height:64px;padding:12px 16px;font-size:1.06rem;font-weight:700;line-height:1.3}:root[data-design="4"] .opts{gap:14px;margin-top:8px}:root[data-design="4"] .chip{border-radius:16px;min-height:48px;padding:0 12px 0 9px;font-size:1.19rem;font-weight:800}:root[data-design="4"] .chip svg,:root[data-design="4"] .chip .rubyIco{width:26px;height:26px}:root[data-design="4"] .lessonTop .rubyChip{padding:0 10px 0 7px}:root[data-design="4"] :is(.back,.x){border-radius:16px;flex:none;width:48px;height:48px}:root[data-design="4"] .back svg,:root[data-design="4"] .x svg{width:24px;height:24px}:root[data-design="4"] .x:disabled{opacity:.45}:root[data-design="4"] .ghost{border-radius:16px;min-height:48px;padding:0 16px;font-weight:800}:root[data-design="4"] .segBtn,:root[data-design="4"] .chunk{min-height:48px;box-shadow:0 3px 0 var(--ink);border-radius:12px}:root[data-design="4"] .say{box-shadow:0 3px 0 var(--ink);border-radius:16px}:root[data-design="4"] .cta{border:2.5px solid var(--ink);min-height:58px;font-family:var(--body);letter-spacing:.02em;text-transform:none;background:var(--wax);color:var(--on-wax);box-shadow:0 6px 0 var(--wax-deep), 0 6px 0 2.5px var(--ink);border-radius:16px;padding:12px 18px;font-size:1.19rem;font-weight:800;position:relative}:root[data-design="4"] .cta:after{content:"";background:var(--gloss);border-radius:8px;height:8px;position:absolute;top:5px;left:12px;right:12px}:root[data-design="4"] .stickyCta{position:sticky}:root[data-design="4"] .cta:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-design="4"] .cta:disabled{background:var(--locked);color:var(--muted);box-shadow:0 6px 0 var(--locked-deep), 0 6px 0 2.5px var(--ink);transform:none}:root[data-design="4"] .cta:disabled:after{display:none}:root[data-design="4"] .bubble{background:var(--card);border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px 18px 18px 6px;font-size:1.06rem;font-weight:500;line-height:1.4}:root[data-design="4"] .bubble:before{background:var(--card);border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:16px;height:16px;left:-9.5px}:root[data-design="4"] .bubble small{font-family:var(--display);color:var(--muted);font-size:.95rem;font-style:italic;font-weight:500}:root[data-design="4"] .bubble.down{border-radius:18px;font-size:1.44rem;line-height:1.2}:root[data-design="4"] .bubble.down:before{margin-left:-8px;bottom:-9.5px;left:50%;transform:rotate(-45deg)}:root[data-design="4"] .hero{width:108px}:root[data-design="4"] :is(.mini,.a4-medal){border:2.5px solid var(--ink);background:radial-gradient(circle at 50% 35%, var(--medal-hi), var(--medal-lo));width:62px;height:62px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;display:block;overflow:hidden}:root[data-design="4"] .mini>svg{margin-top:2px}:root[data-design="4"] .a4-medal{width:74px;height:74px;box-shadow:0 5px 0 var(--ink)}:root[data-design="4"] .a4-medal .mini{width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}:root[data-design="4"] .greet{gap:12px}:root[data-design="4"] .greet .bubble{flex:1;margin-bottom:4px}:root[data-design="4"] .greet .hero+.bubble{margin-bottom:56px}:root[data-design="4"] .chapter{overflow:hidden}:root[data-design="4"] .wScene{background:var(--sel-bg);border-bottom:2.5px solid var(--ink)}:root[data-design="4"] .ct h3{font-size:1.3rem}:root[data-design="4"] .ct p{font-weight:500}:root[data-design="4"] :is(textarea,.form input,.shareRow input,.field input){border:2px solid var(--field-line);background:var(--card);color:var(--ink);border-radius:12px;min-height:48px}:root[data-design="4"] :is(textarea,.form input,.shareRow input):focus{border-color:var(--ink)}:root[data-design="4"] .qlabel{font-weight:800}:root[data-design="4"] .err{color:var(--error)}:root[data-design="4"] .skill{padding:14px}:root[data-design="4"] .skill.open{border-color:var(--ink);box-shadow:0 5px 0 var(--ink)}:root[data-design="4"] .emblem{background:var(--wax);border:2.5px solid var(--ink);box-shadow:inset 0 0 0 3px var(--wax), inset 0 0 0 4.5px var(--on-wax);border-radius:50%}:root[data-design="4"] .skill.soon{background:var(--soon-bg);box-shadow:none;border-style:dashed}:root[data-design="4"] .skill.soon .txt{opacity:1}:root[data-design="4"] .skill.soon .emblem,:root[data-design="4"] .emblem.sm{background:var(--locked);border:2px dashed var(--muted);box-shadow:none}:root[data-design="4"] .txt b{font-size:1.15rem}:root[data-design="4"] .txt i{font-family:var(--display);color:var(--muted);font-size:.95rem}:root[data-design="4"] .txt span{color:var(--muted);font-weight:700}:root[data-design="4"] .mbar{background:var(--trail);border:2px solid var(--ink);height:12px}:root[data-design="4"] .mbar i{background:var(--wax)}:root[data-design="4"] .unit{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 5px var(--card), inset 0 0 0 6.5px var(--muted), 0 6px 0 var(--ink);border:2.5px solid var(--ink);border-radius:4px;padding:16px 64px 16px 18px;position:relative}:root[data-design="4"] .unit .eyebrow{color:var(--gold-deep);opacity:1}:root[data-design="4"] .unit h2{margin:6px 0 4px;font-size:1.5rem;line-height:1.12}:root[data-design="4"] .unit p{color:var(--muted);opacity:1;font-size:1rem;font-weight:500}:root[data-design="4"] .a4-rose{width:48px;height:48px;position:absolute;top:12px;right:12px}:root[data-design="4"] .a4-rose svg{width:100%;height:100%;display:block}:root[data-design="4"] .a4-map{aspect-ratio:390/1240;margin:0 -16px;position:relative}:root[data-design="4"] .a4-art{width:100%;height:100%;display:block;position:absolute;inset:0}:root[data-design="4"] .a4-map:before{content:"";z-index:1;pointer-events:none;border:2px solid var(--muted);outline:1px solid var(--muted);outline-offset:-7px;border-radius:6px;position:absolute;inset:-6px 6px 0}:root[data-design="4"] .a4-map:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg, var(--frame) 0 26px, transparent 26px 52px) left / 3px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0 26px, var(--frame) 26px 52px) right / 3px 100% no-repeat;position:absolute;inset:-2px 10px 4px}:root[data-design="4"] .a4-seal{z-index:4;cursor:pointer;background:0 0;border:0;width:76px;height:80px;margin:-38px 0 0 -38px;padding:0;position:absolute}:root[data-design="4"] .a4-seal svg{width:100%;height:100%;display:block}:root[data-design="4"] .a4-seal:active{transform:translateY(3px)}:root[data-design="4"] .a4-seal:is(.a4-locked,.a4-soon){cursor:default}:root[data-design="4"] .a4-seal:is(.a4-locked,.a4-soon):active{transform:none}:root[data-design="4"] .a4-soon{opacity:.82}:root[data-design="4"] .a4-current{animation:2s ease-in-out 3 a4-breathe}:root[data-design="4"] .a4-ring{z-index:3;pointer-events:none;background:radial-gradient(circle, var(--glow), var(--glow-soft) 45%, transparent 70%);border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;animation:2.2s ease-in-out 3 a4-halo;position:absolute}:root[data-design="4"] .a4-lbl{z-index:5;background:var(--card);border:2px solid var(--muted);box-shadow:0 3px 0 var(--muted);border-radius:12px;padding:7px 11px 8px;position:absolute}:root[data-design="4"] .a4-lbl b{font:700 1rem/1.2 var(--body);color:var(--ink);display:block}:root[data-design="4"] .a4-lbl span{font:500 1rem/1.25 var(--body);color:var(--muted);display:block}:root[data-design="4"] .a4-now{background:var(--sel-bg);border-color:var(--gold-deep);box-shadow:0 3px 0 var(--gold-deep)}:root[data-design="4"] .a4-soonLbl{background:var(--soon-bg);box-shadow:none;border-style:dashed}:root[data-design="4"] .a4-token{z-index:6;pointer-events:none;width:62px;margin-left:-31px;position:absolute}:root[data-design="4"] .a4-hop{transform-origin:50% 100%;animation:1.6s ease-in-out 3 a4-bob}:root[data-design="4"] .a4-token .fig{z-index:1;width:62px;margin-bottom:-12px;position:relative}:root[data-design="4"] .a4-base{border:2px solid var(--ink);width:54px;height:16px;box-shadow:0 4px 0 var(--ink);background:radial-gradient(ellipse at 50% 30%, var(--wood-hi), var(--wood));border-radius:50%;margin:0 auto}:root[data-design="4"] .a4-caravan{z-index:2;align-items:flex-end;gap:6px;animation:7s cubic-bezier(.25,.6,.4,1) both a4-caravan;display:flex;position:absolute;top:40.2%;left:52%}:root[data-design="4"] .a4-caravan svg{display:block}:root[data-design="4"] .a4-fog{z-index:3;pointer-events:none;background:linear-gradient(180deg, transparent, var(--fog) 40px, var(--fog) calc(100% - 90px), transparent);position:absolute;inset:57.1% 0 12.1%}:root[data-design="4"] .a4-ribbon{z-index:6;position:absolute;left:50%;transform:translate(-50%)}:root[data-design="4"] .a4-ribbon span{white-space:nowrap;background:var(--ribbon);color:var(--on-ribbon);font:800 1rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:10px 26px;display:block;position:relative}:root[data-design="4"] .a4-ribbon:before,:root[data-design="4"] .a4-ribbon:after{content:"";z-index:-1;background:var(--ribbon-tail);border:2.5px solid var(--ink);width:26px;height:34px;position:absolute;top:8px}:root[data-design="4"] .a4-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);left:-18px}:root[data-design="4"] .a4-ribbon:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);right:-18px}:root[data-design="4"] .a4-ctaWrap{z-index:20;padding:34px 20px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, transparent, var(--veil) 38%);margin:-48px -16px 0;position:sticky;bottom:0}:root[data-design="4"] .a4-ctaWrap .toast{margin-bottom:10px}:root[data-design="4"] .lessonTop{gap:8px}:root[data-design="4"] .bar{background:var(--trail);border:2.5px solid var(--ink);height:20px;box-shadow:inset 0 3px 0 var(--hollow)}:root[data-design="4"] .bar i{background:radial-gradient(circle, var(--on-wax) 1.8px, transparent 2.4px) 3px 50% / 10px 100% repeat-x, var(--wax);position:relative}:root[data-design="4"] .bar i:after{content:"";background:radial-gradient(circle, var(--ink) 2.4px, var(--saffron) 3px);width:13px;height:13px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;top:1px;right:1px}:root[data-design="4"] .stepTag{color:var(--muted);padding:0 2px;font-size:1rem;font-weight:800}:root[data-design="4"] :is(.q,.teach,.teachHead) .eyebrow{border:2px solid var(--gold-deep);background:var(--sel-bg);letter-spacing:.12em;color:var(--gold-deep);border-radius:10px;padding:5px 10px;font-size:.88rem;line-height:1;display:inline-flex}:root[data-design="4"] .q>.mini{float:right;margin:0 0 8px 12px}:root[data-design="4"] .q>:is(.opts,.sorts,.line,.bank,.chat,.rank,.scale,.yn,.yn3,.cGroup,.share,.form){clear:both}:root[data-design="4"] .q h2,:root[data-design="4"] .teach h2{margin:10px 0 18px;font-size:1.69rem;line-height:1.15}:root[data-design="4"] .teachHead{gap:12px}:root[data-design="4"] .toolBadge{background:var(--wax);color:var(--on-wax);border:2px solid var(--ink);border-radius:8px;font-weight:800}:root[data-design="4"] .quote{font-family:var(--display);font-size:1.3rem;font-style:italic;font-weight:500;line-height:1.25}:root[data-design="4"] .quote cite{font-family:var(--body);color:var(--muted);font-style:normal}:root[data-design="4"] .cmp.o{border-color:var(--olive-deep)}:root[data-design="4"] .cmp.o span{color:var(--olive-deep)}:root[data-design="4"] .cmp.j span{color:var(--wax)}:root[data-design="4"] .scene{background:var(--sel-bg);border:2px dashed var(--muted);border-radius:12px;font-weight:500;display:flow-root}:root[data-design="4"] .opt.sel,:root[data-design="4"] .rankItem.on,:root[data-design="4"] .segBtn.sel{border-color:var(--gold-deep);background:var(--sel-bg);box-shadow:0 5px 0 var(--gold-deep)}:root[data-design="4"] .rankItem.on .rankNum{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--on-wax)}:root[data-design="4"] .rankNum{border-color:var(--muted)}:root[data-design="4"] .opt.right,:root[data-design="4"] .sortRow.wrong .segBtn.ans{border-color:var(--olive-deep);background:var(--good-bg);box-shadow:0 5px 0 var(--olive-deep);position:relative}:root[data-design="4"] .opt.right:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 68'%3E%3Cpath d='M61.8 36 L60.1 45.8 L54 53.6 L47.3 60.3 L38.3 63.7 L28.6 66.6 L19.7 61.5 L11.2 56.8 L7.6 47.8 L2.2 42.8 L2.2 36 L4.3 29.7 L4.5 22.7 L9.4 18 L15.4 15.2 L19.3 9.6 L25.4 7 L32 7.8 L38.8 6.2 L45.1 8.7 L48.8 14.9 L54.3 18.3 L58.7 23.2 L59 29.8Z' fill='%233a2615'/%3E%3Cpath d='M61.8 32 L60.1 41.8 L54 49.6 L47.3 56.3 L38.3 59.7 L28.6 62.6 L19.7 57.5 L11.2 52.8 L7.6 43.8 L2.2 38.8 L2.2 32 L4.3 25.7 L4.5 18.7 L9.4 14 L15.4 11.2 L19.3 5.6 L25.4 3 L32 3.8 L38.8 2.2 L45.1 4.7 L48.8 10.9 L54.3 14.3 L58.7 19.2 L59 25.8Z' fill='%23a8322a' stroke='%233a2615' stroke-width='1.8'/%3E%3Ccircle cx='32' cy='33' r='20' fill='%23b93c31' stroke='%236f1c17' stroke-width='2'/%3E%3Ccircle cx='32' cy='33' r='16' fill='none' stroke='%236f1c17' stroke-width='1.2' stroke-dasharray='1.5 2.5'/%3E%3Cpath d='M23 34 l6 6 l12 -13' fill='none' stroke='%235c1712' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 33 l6 6 l12 -13' fill='none' stroke='%23f2a48e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:58px;height:62px;animation:.45s cubic-bezier(.3,.7,.4,1) both a4-stamp;position:absolute;top:-22px;right:-14px;transform:rotate(-12deg)}:root[data-design="4"] .opt.wrong,:root[data-design="4"] .sortRow.wrong .segBtn.sel{border-color:var(--coral);background:var(--bad-bg);box-shadow:0 5px 0 var(--coral)}:root[data-design="4"] .sortRow.right{border-color:var(--olive-deep);box-shadow:0 5px 0 var(--olive-deep)}:root[data-design="4"] .sortRow.wrong{border-color:var(--coral);box-shadow:0 5px 0 var(--coral)}:root[data-design="4"] .sortRow p.sortNote{background:var(--bad-bg)}:root[data-design="4"] .line{border-bottom:2.5px dashed var(--muted)}:root[data-design="4"] .line.right{border-color:var(--olive-deep)}:root[data-design="4"] .line.wrong{border-color:var(--coral)}:root[data-design="4"] .slot{border:2px dashed var(--muted)}:root[data-design="4"] .slot.next{border-color:var(--gold-deep);color:var(--gold-deep)}:root[data-design="4"] .chunk.used{background:var(--locked);border-color:var(--locked-deep);box-shadow:none;color:#0000}:root[data-design="4"] .msg.me .say{background:var(--teal-deep);border-color:var(--ink);color:var(--on-teal)}:root[data-design="4"] .msg.me .say b{color:var(--on-teal)}:root[data-design="4"] .dBub{background:var(--sky);border-color:var(--muted)}:root[data-design="4"] .hi .dBub{border-color:var(--teal)}:root[data-design="4"] .dVoice{font-family:var(--fell);color:var(--gold-deep);background:var(--sel-bg);font-size:1.2rem;font-weight:400}:root[data-design="4"] .sheet.good{border-top:2.5px solid var(--olive-deep)}:root[data-design="4"] .sheet.bad{border-top:2.5px solid var(--coral)}:root[data-design="4"] .sheet .fb{font-size:1.06rem;font-weight:500;line-height:1.4}:root[data-design="4"] .sheet.good .fb b{color:var(--olive-deep);margin-bottom:6px;font-size:1.69rem}:root[data-design="4"] .sheet.bad .fb b{color:var(--wax-deep);margin-bottom:6px;font-size:1.69rem}:root[data-design="4"] .sheet.good .cta{background:var(--olive);box-shadow:0 6px 0 var(--olive-deep), 0 6px 0 2.5px var(--ink)}:root[data-design="4"] .gain{border:2px solid var(--ink);background:var(--card);box-shadow:0 3px 0 var(--ink);color:var(--ink);font-family:var(--body);vertical-align:4px;border-radius:10px;margin-left:10px;padding:5px 10px;font-size:1.06rem;font-weight:800}:root[data-design="4"] .done{gap:14px;padding-block:8px}:root[data-design="4"] .done h1{background:var(--wax);max-width:calc(100% - 48px);color:var(--on-wax);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--wax-deep), 0 5px 0 2.5px var(--ink);order:-1;margin-top:6px;padding:11px 28px 12px;font-size:1.69rem;line-height:1.05;position:relative}:root[data-design="4"] .done h1:before,:root[data-design="4"] .done h1:after{content:"";z-index:-1;background:var(--banner-tail);border:2.5px solid var(--ink);width:30px;height:40px;position:absolute;top:12px}:root[data-design="4"] .done h1:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);left:-22px}:root[data-design="4"] .done h1:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);right:-22px}:root[data-design="4"] .done .lead{color:var(--ink);font-size:1.06rem;font-weight:500}:root[data-design="4"] .rubyNote{color:var(--muted);margin:0;font-size:1rem;font-weight:500}:root[data-design="4"] .tile{text-align:center;padding:9px 8px 10px}:root[data-design="4"] .tile span{letter-spacing:0;text-transform:none;color:var(--muted);font-size:.94rem;font-weight:700;line-height:1.15}:root[data-design="4"] .tile b{color:var(--ink);margin-top:4px;font-size:1.56rem;line-height:1.1;display:block}:root[data-design="4"] .tile b.tileRuby{color:var(--ruby);display:inline-flex}:root[data-design="4"] .done .ghost{align-self:stretch}:root[data-design="4"] .a4-scene{align-self:stretch;height:232px;position:relative;overflow:hidden}:root[data-design="4"] .a4-scene>*{position:absolute}:root[data-design="4"] .a4-ground{background:radial-gradient(ellipse at 50% 40%, var(--ground), transparent 70%);border-radius:50%;height:34px;bottom:6px;left:0;right:0}:root[data-design="4"] .a4-rays{opacity:.7;background:repeating-conic-gradient(from 0deg, var(--ray) 0 9deg, transparent 9deg 22deg);border-radius:50%;width:260px;height:260px;animation:.9s ease-out .55s both a4-rays;bottom:-10px;left:calc(50% - 57px);-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 68%);mask-image:radial-gradient(circle,#000 18%,#0000 68%)}:root[data-design="4"] .a4-glow{opacity:.85;background:radial-gradient(circle, var(--glow-hot), var(--glow-warm) 45%, transparent 70%);border-radius:50%;width:160px;height:160px;animation:.7s ease-out .55s both a4-glow;bottom:40px;left:calc(50% - 7px)}:root[data-design="4"] .a4-cheer{transform-origin:50% 100%;width:120px;animation:1s ease-out .6s both a4-cheer;bottom:10px;left:calc(50% - 173px)}:root[data-design="4"] .a4-cheer .big{width:120px}:root[data-design="4"] .a4-chest{transform-origin:50% 100%;width:140px;height:76px;animation:.5s ease-in-out both a4-shake;bottom:16px;left:calc(50% + 3px)}:root[data-design="4"] .a4-chest>*{display:block;position:absolute}:root[data-design="4"] .a4-inside{width:124px;height:30px;top:-14px;left:8px}:root[data-design="4"] .a4-body{width:140px;height:76px;bottom:0;left:0}:root[data-design="4"] .a4-lid{transform-origin:3% 100%;width:140px;height:54px;animation:.4s cubic-bezier(.3,1.5,.5,1) .45s both a4-lid;bottom:70px;left:0;transform:translateY(-4px)rotate(-30deg)}:root[data-design="4"] .a4-lid svg{width:140px;height:54px;display:block}:root[data-design="4"] .a4-mouth{width:0;height:0;bottom:92px;left:calc(50% + 61px)}:root[data-design="4"] .a4-spill{width:26px;height:26px;transform:translate(var(--sx), var(--sy)) rotate(var(--sr));animation:1.2s cubic-bezier(.3,.6,.5,1) .6s both a4-spill;position:absolute;top:-13px;left:-13px}:root[data-design="4"] .a4-spill svg{width:100%;height:100%;display:block}:root[data-design="4"] .a4-spark{opacity:0;width:18px;height:18px;animation:a4-spark .6s ease-out calc(.6s + var(--d)) both;position:absolute}:root[data-design="4"] .a4-spark:before{content:"";background:var(--spark);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);position:absolute;inset:0}:root[data-design="4"] .modalCard{background:var(--card);border:2.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px}:root[data-design="4"] .modalCard .eyebrow{color:var(--ruby-deep)}:root[data-design="4"] .mStory{font-family:var(--display);color:var(--muted)}:root[data-design="4"] .box.solo{background:var(--card);border:2.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px}:root[data-design="4"] .box.solo>button{border:2.5px solid var(--ink);cursor:pointer;background:var(--wax);min-height:52px;color:var(--on-wax);box-shadow:0 5px 0 var(--wax-deep), 0 5px 0 2.5px var(--ink);border-radius:16px;padding:0 24px;font-weight:800}:root[data-design="4"] .box.solo>button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}:root[data-design="4"] .design-switch{border:2px solid var(--ink)}:root[data-design="4"] .hero{animation-iteration-count:3}@media (prefers-reduced-motion:reduce){:root[data-design="4"] :is(.a4-current,.a4-ring,.a4-hop,.a4-caravan,.opt.right,.a4-scene *),:root[data-design="4"] .opt.right:after{animation:none}}@keyframes a4-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes a4-halo{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@keyframes a4-bob{0%,50%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-9px)rotate(-4deg)}75%{transform:translateY(-9px)rotate(4deg)}}@keyframes a4-caravan{0%{transform:translate(-80vw)}to{transform:none}}@keyframes a4-stamp{0%{opacity:0;transform:translateY(-46px)scale(2.6)rotate(-40deg)}55%{opacity:1;transform:translateY(0)scale(.9)rotate(-12deg)}78%{transform:translateY(0)scale(1.08)rotate(-12deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-12deg)}}@keyframes a4-shake{0%{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes a4-lid{0%{transform:none}to{transform:translateY(-4px)rotate(-30deg)}}@keyframes a4-glow{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:.85;transform:scale(1)}}@keyframes a4-rays{0%{opacity:0;transform:scale(.3)rotate(0)}to{opacity:.7;transform:scale(1)rotate(12deg)}}@keyframes a4-spill{0%{opacity:0;transform:translate(0)scale(.4)}10%{opacity:1;transform:translate(0)scale(.6)}40%{transform:translate(calc(var(--sx) * .6), -64px) scale(1) rotate(calc(var(--sr) * .5))}70%{transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}85%{transform:translate(var(--sx), calc(var(--sy) - 9px)) rotate(var(--sr))}to{opacity:1;transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}}@keyframes a4-spark{0%{opacity:0;transform:scale(0)rotate(0)}40%{opacity:1;transform:scale(1.2)rotate(45deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}@keyframes a4-cheer{0%{transform:translateY(0)}25%{transform:translateY(-24px)rotate(-5deg)}50%{transform:translateY(0)}75%{transform:translateY(-14px)rotate(4deg)}to{transform:translateY(0)}}