:root{--bg:#edf1f3;--surface:#fff;--sunken:#e3e9ed;--ink:#15212c;--muted:#5a6874;--line:#d3dce2;--accent:#d9480f;--accent-ink:#fff;--hl:#ffe4d1;--hl-line:#e8590c;--good:#1d8055;--good-bg:#ddf2e7;--warn:#a86b00;--warn-bg:#fbefd2;--bad:#c0342b;--bad-bg:#fbe1de;--btn:#15212c;--btn-ink:#fff;--shadow:0 1px 2px #15212c0f,0 4px 14px #15212c0f;--f-jp:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN",system-ui,sans-serif;--f-en:"Atkinson Hyperlegible","Helvetica Neue",Arial,sans-serif;--f-disp:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--tabh:64px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f161c;--surface:#172129;--sunken:#1e2a33;--ink:#e6ecf0;--muted:#94a2ae;--line:#2a3743;--accent:#ff7a3d;--accent-ink:#1a0e07;--hl:#3b2517;--hl-line:#ff7a3d;--good:#4cc38a;--good-bg:#15301f;--warn:#e3b04b;--warn-bg:#33280f;--bad:#ff6b5e;--bad-bg:#3a1a17;--btn:#e6ecf0;--btn-ink:#0f161c;--shadow:none}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg)}body{color:var(--ink);font-family:var(--f-jp);-webkit-text-size-adjust:100%;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:560px;padding-inline:16px;padding-block:calc(12px + env(safe-area-inset-top,0px)) calc(var(--tabh) + 32px + env(safe-area-inset-bottom,0px));margin:0 auto}.wrap.lesson{padding-bottom:40px}.top{justify-content:space-between;align-items:center;gap:12px;padding-block:6px 14px;display:flex}.brand{font-family:var(--f-disp);letter-spacing:-.01em;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.brand .wave{align-items:center;gap:2px;height:18px;display:inline-flex}.brand .wave i{background:var(--accent);border-radius:2px;width:3px;display:block}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.iconbtn svg{width:20px;height:20px}h1,h2,h3{font-family:var(--f-jp);text-wrap:balance;margin:0;line-height:1.35}h2{font-size:18px;font-weight:700}h3{font-size:15px;font-weight:700}.eyebrow{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px}.card.flat{box-shadow:none;background:var(--sunken);border-color:#0000}.sect{flex-direction:column;gap:10px;margin-top:22px;display:flex}.btn{background:var(--btn);color:var(--btn-ink);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 16px;font-weight:700;display:inline-flex}.btn.accent{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.sm{border-radius:10px;min-height:36px;padding:6px 12px;font-size:13px}.btn.block{width:100%}.btn:disabled{opacity:.45}.btn svg{flex:none;width:18px;height:18px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:34px;padding:5px 12px;font-size:13px;font-weight:500}.chip[aria-pressed=true]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}.tag{background:var(--sunken);color:var(--muted);letter-spacing:.02em;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tag.acc{background:var(--hl);color:var(--accent)}.tag.good{background:var(--good-bg);color:var(--good)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.stat b{font-family:var(--f-disp);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:12px}.week{gap:6px;margin-top:10px;display:flex}.week div{text-align:center;color:var(--muted);flex:1;font-size:11px}.week i{background:var(--sunken);border-radius:4px;height:8px;margin-bottom:4px;display:block}.week i.on{background:var(--accent)}.hero{background:var(--btn);color:var(--btn-ink);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.hero .eyebrow{color:inherit;opacity:.7}.hero h2{font-size:21px}.hero .en{font-family:var(--f-en);opacity:.85;font-size:15px}.hero .btn{background:var(--accent);color:var(--accent-ink)}.menu{flex-direction:column;gap:8px;display:flex}.mi{align-items:center;gap:10px;display:flex}.mi .n{width:24px;height:24px;font-family:var(--f-disp);background:#7f7f7f40;border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.mi .b{flex-direction:column;line-height:1.35;display:flex}.mi .b span{opacity:.75;font-size:12px}.lrow{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.lrow .num{font-family:var(--f-disp);width:28px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.lrow .body{flex:1;min-width:0}.lrow .t{font-weight:700}.lrow .meta{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.verdict{background:var(--hl);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.verdict.grad{background:var(--good-bg)}.verdict b{font-size:16px}.verdict .tag{align-self:flex-start}.lvtrack{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lv{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.lv b{color:var(--ink);font-size:13px}.lv.cur b{color:var(--accent)}.lvbar{background:var(--sunken);border-radius:4px;height:8px;overflow:hidden}.lvbar div{background:var(--accent);height:100%}.lvhead{align-items:baseline;gap:8px;margin-top:10px;display:flex}.lvhead b{font-size:15px}.bars{flex-direction:column;gap:8px;display:flex}.bar{grid-template-columns:5.5em 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.bar .track{background:var(--sunken);border-radius:5px;height:18px;position:relative;overflow:hidden}.bar .b{background:var(--muted);opacity:.55;height:9px;position:absolute;top:0;left:0}.bar .a{background:var(--accent);height:9px;position:absolute;bottom:0;left:0}.legend{color:var(--muted);gap:12px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:20;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs .in{width:100%;max-width:560px;display:flex}.tabs button{height:var(--tabh);color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.tabs button svg{width:22px;height:22px}.tabs button[aria-current=true]{color:var(--accent)}.lhead{top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);flex-direction:column;gap:10px;padding-block:8px 10px;display:flex;position:sticky}.lhead .row1{align-items:center;gap:10px;display:flex}.lhead .ttl{flex:1;min-width:0}.lhead .ttl b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.steps{gap:4px;display:flex}.steps button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;gap:4px;min-width:0;padding:0;font-size:10.5px;font-weight:700;display:flex}.steps button i{background:var(--line);border-radius:3px;height:5px;display:block}.steps button.done i{background:var(--muted)}.steps button[aria-current=true]{color:var(--ink)}.steps button[aria-current=true] i{background:var(--accent)}.steps button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aim{border-left:3px solid var(--accent);padding:2px 0 2px 12px}.aim b{font-size:17px;display:block}.aim p{color:var(--muted);margin:2px 0 0;font-size:13.5px}.player{flex-direction:column;align-items:center;gap:14px;padding:22px 16px;display:flex}.bigplay{background:var(--accent);width:88px;height:88px;color:var(--accent-ink);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 20px #d9480f47}.bigplay svg{width:36px;height:36px}.eq{align-items:flex-end;gap:3px;height:22px;display:flex}.eq i{background:var(--line);border-radius:2px;width:4px;height:5px}body.playing .eq i{background:var(--accent);animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.2s}.eq i:nth-child(3){animation-delay:-.45s}.eq i:nth-child(4){animation-delay:-.1s}.eq i:nth-child(5){animation-delay:-.6s}.eq i:nth-child(6){animation-delay:-.35s}.eq i:nth-child(7){animation-delay:-.75s}@keyframes eq{0%,to{height:5px}50%{height:22px}}@media (prefers-reduced-motion:reduce){body.playing .eq i{height:14px;animation:none}}.ico-stop,body.playing [data-act=playAll] .ico-play{display:none}body.playing [data-act=playAll] .ico-stop{display:block}.lines{flex-direction:column;gap:8px;display:flex}.line{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:border-color .2s,background .2s}.line.now{border-color:var(--accent);background:var(--hl)}.spk{color:var(--muted);letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.spk .who{background:var(--sunken);width:20px;height:20px;color:var(--ink);font-family:var(--f-disp);border-radius:6px;place-items:center;display:inline-grid}.spk .who.B{background:var(--ink);color:var(--bg)}.en{font-family:var(--f-en);letter-spacing:.005em;word-break:break-word;font-size:19px;line-height:1.55}.ja{color:var(--muted);margin-top:4px;font-size:13px}mark.sc{background:var(--hl);color:inherit;border-bottom:2px solid var(--hl-line);cursor:pointer;border-radius:4px 4px 0 0;padding:0 2px}mark.sc.sel{background:var(--accent);color:var(--accent-ink)}.hidden-text{font-family:var(--f-en);color:var(--line);letter-spacing:.1em;-webkit-user-select:none;user-select:none;font-size:19px}.initial{font-family:var(--f-en);letter-spacing:.04em;font-size:19px}.note{background:var(--sunken);border-radius:12px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.note .p{font-family:var(--f-en);font-size:18px;font-weight:700}.note .k{color:var(--accent);letter-spacing:.04em;font-size:20px;font-weight:700}.typelist{grid-template-columns:1fr;gap:6px;font-size:13px;display:grid}.typelist div{align-items:baseline;gap:8px;display:flex}.typelist .tag{text-align:center;flex:none;min-width:5.2em}.cz{border:0;border-bottom:2px solid var(--accent);background:var(--hl);font-family:var(--f-en);border-radius:6px 6px 0 0;max-width:100%;margin:2px 0;padding:1px 6px;font-size:17px;display:inline-block}.cz.ok{border-color:var(--good);background:var(--good-bg)}.cz.ng{border-color:var(--bad);background:var(--bad-bg)}.fix{margin-top:2px;font-size:13px;display:block}.fix.ok{color:var(--good)}.fix.ng{color:var(--bad)}textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:84px;font-family:var(--f-en);resize:vertical;border-radius:12px;padding:10px 12px;font-size:17px}.diff .ok{color:var(--good)}.diff .miss{color:var(--bad);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.rate-row{gap:6px;display:flex}.rate-row button{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;min-height:38px;font-size:13px;font-weight:700}.rate-row button[aria-pressed=true][data-v=o]{background:var(--good-bg);color:var(--good);border-color:var(--good)}.rate-row button[aria-pressed=true][data-v=m]{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.rate-row button[aria-pressed=true][data-v=x]{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.slider{flex-direction:column;gap:6px;display:flex}.slider input{width:100%;accent-color:var(--accent)}.slider .val{font-family:var(--f-disp);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.ba{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ba div{background:var(--sunken);text-align:center;border-radius:12px;padding:12px}.ba b{font-family:var(--f-disp);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;display:block}.ba div.after b{color:var(--accent)}.navfoot{gap:8px;margin-top:22px;display:flex}.navfoot .btn{flex:1}.toggle{align-items:center;gap:10px;font-size:14px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.tip{color:var(--muted);background:var(--sunken);border-radius:12px;padding:10px 12px;font-size:13px}.turn{z-index:40;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.turn .in{background:var(--btn);max-width:560px;color:var(--btn-ink);border-radius:18px;flex-direction:column;gap:10px;margin:0 auto;padding:16px;display:flex;box-shadow:0 10px 30px #00000040}.turn .lbl{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.turn .lbl i{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.turn .hint{opacity:.85;max-height:40vh;font-size:14px;overflow:auto}.turn .hint p{margin:0 0 4px}.turn .trk{background:#7f7f7f59;border-radius:3px;height:6px;overflow:hidden}.turn .trk div{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.turn .btn{background:var(--accent);color:var(--accent-ink)}.qopts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qopt{border:1px solid var(--line);background:var(--surface);min-height:64px;font-family:var(--f-en);border-radius:14px;padding:10px;font-size:19px;font-weight:700}.qopt.right{background:var(--good-bg);border-color:var(--good);color:var(--good)}.qopt.wrong{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.qopt:disabled{opacity:1}.qprog{background:var(--sunken);border-radius:3px;height:6px;overflow:hidden}.qprog div{background:var(--accent);height:100%}.sheet{z-index:50;background:#0a101673;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet .panel{background:var(--bg);width:100%;max-width:560px;max-height:88vh;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;flex-direction:column;gap:16px;display:flex;overflow:auto}label.fld{flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}select,input[type=text]{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-height:42px;padding:6px 10px;font-size:15px;font-weight:400}.toast{left:50%;bottom:calc(var(--tabh) + 20px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--btn);color:var(--btn-ink);border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.banner{background:var(--warn-bg);color:var(--warn);border-radius:12px;padding:10px 12px;font-size:13px}.gen-out{color:var(--muted);white-space:pre-wrap;max-height:120px;font-size:13px;font-family:var(--f-en);overflow:auto}.who-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:4px 10px 4px 4px;font-size:13px;font-weight:700;display:inline-flex}.who-chip .av{background:var(--hl);border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.top-right{align-items:center;gap:8px;display:flex}.recog{background:var(--sunken);border-radius:12px;flex-direction:column;gap:4px;margin:0 0 8px;padding:10px 12px;display:flex}.recog .diff{font-size:17px}.shell{max-width:560px;padding-inline:16px;padding-block:calc(24px + env(safe-area-inset-top,0px)) calc(40px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:20px;margin:0 auto;display:flex}.shell h1{font-family:var(--f-jp);margin:0;font-size:24px;font-weight:700}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field input[type=email],.field input[type=password],.field input[type=text]{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:46px;padding:8px 12px;font-size:16px;font-weight:400}.error{background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:10px 12px;font-size:14px}.who-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=480px){.who-grid{grid-template-columns:repeat(3,1fr)}}.who-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:20px 10px 16px;font-size:16px;font-weight:700;display:flex;position:relative}.who-card .av{background:var(--hl);border-radius:50%;place-items:center;width:72px;height:72px;font-size:40px;display:grid}.who-card .kind{color:var(--muted);font-size:11px;font-weight:500}.who-card.add{box-shadow:none;color:var(--muted);background:0 0;border-style:dashed}.who-card.add .av{background:var(--sunken);color:var(--muted);font-size:32px}.who-card .edit-badge{background:var(--btn);color:var(--btn-ink);border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-grid button{aspect-ratio:1;background:var(--sunken);border:2px solid #0000;border-radius:14px;max-width:100%;font-size:26px}.avatar-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--hl)}.course{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.course input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.course b{display:block}.course span{color:var(--muted);font-size:12px}.linkish{color:var(--muted);background:0 0;border:0;padding:8px;font-size:13px;text-decoration:underline}.kid[data-v-bd7429df]{background:var(--bg);min-height:100vh}.kid-wrap[data-v-bd7429df]{max-width:560px;padding-inline:16px;padding-block:calc(14px + env(safe-area-inset-top,0px)) calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.kid-top[data-v-bd7429df]{justify-content:space-between;align-items:center;gap:8px;display:flex}.kid-back[data-v-bd7429df]{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:700}.kid-me[data-v-bd7429df]{align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.kid-me .av[data-v-bd7429df]{font-size:28px}.kid-hero[data-v-bd7429df]{background:var(--btn);color:var(--btn-ink);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.kid-hero-t[data-v-bd7429df]{font-size:22px;font-weight:700}.kid-hero-pics[data-v-bd7429df]{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.kid-hero-pic[data-v-bd7429df]{flex-direction:column;align-items:center;font-size:52px;line-height:1.1;display:flex}.kid-hero-pic small[data-v-bd7429df]{opacity:.8;margin-top:4px;font-size:12px}.kid-big[data-v-bd7429df]{background:var(--accent);width:100%;min-height:64px;color:var(--accent-ink);border:0;border-radius:18px;font-size:22px;font-weight:700}.kid-big[data-v-bd7429df]:disabled{opacity:.4}.kid-next[data-v-bd7429df]{border:2px solid var(--ink);background:var(--surface);width:100%;min-height:52px;color:var(--ink);border-radius:16px;font-size:18px;font-weight:700}.kid-next[data-v-bd7429df]:disabled{opacity:.3}.kid-sub[data-v-bd7429df]{color:var(--muted);text-align:center;margin:0;font-size:14px}.kid-stats[data-v-bd7429df]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kid-stats div[data-v-bd7429df]{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;padding:12px}.kid-stats b[data-v-bd7429df]{font-size:26px;font-family:var(--f-disp);display:block}.kid-stats span[data-v-bd7429df]{color:var(--muted);font-size:13px}.kid-h[data-v-bd7429df]{margin:4px 0 8px;font-size:18px}.stamps[data-v-bd7429df]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width>=480px){.stamps[data-v-bd7429df]{grid-template-columns:repeat(4,1fr)}}.stamp[data-v-bd7429df]{border:2px dashed var(--line);background:0 0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:108px;padding:10px 4px;display:flex}.stamp .p[data-v-bd7429df]{color:var(--muted);font-size:36px}.stamp .t[data-v-bd7429df]{color:var(--muted);font-size:12px;font-weight:700}.stamp .st[data-v-bd7429df]{font-size:11px}.stamp.on[data-v-bd7429df]{border:2px solid var(--accent);background:var(--hl)}.stamp.on .t[data-v-bd7429df]{color:var(--ink)}.stamp.gold[data-v-bd7429df]{background:#fff4c2;border:3px solid #e8b100}.stamp.gold .t[data-v-bd7429df]{color:#6b5000}.kid-steps[data-v-bd7429df]{gap:4px;display:flex}.kid-steps span[data-v-bd7429df]{text-align:center;color:var(--muted);border-bottom:5px solid var(--line);flex:1;padding-bottom:4px;font-size:12px;font-weight:700}.kid-steps span.done[data-v-bd7429df]{border-color:var(--muted)}.kid-steps span.on[data-v-bd7429df]{color:var(--ink);border-color:var(--accent)}.kid-card[data-v-bd7429df]{background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:14px;padding:18px;display:flex}.kid-guide[data-v-bd7429df]{text-align:center;margin:0;font-size:18px;font-weight:700}.kid-lines[data-v-bd7429df]{flex-direction:column;gap:8px;display:flex}.kid-line[data-v-bd7429df]{background:var(--sunken);border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:8px 10px;display:flex}.kid-line.now[data-v-bd7429df]{border-color:var(--accent);background:var(--hl)}.kid-line .pic[data-v-bd7429df]{text-align:center;min-width:44px;font-size:34px}.kid-line b[data-v-bd7429df],.kid-one b[data-v-bd7429df]{font-family:var(--f-en);font-size:21px;display:block}.kid-line small[data-v-bd7429df],.kid-one small[data-v-bd7429df]{color:var(--muted);font-size:14px;display:block}.kid-one[data-v-bd7429df]{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.kid-one .pic[data-v-bd7429df]{font-size:84px;line-height:1.1}.kid-one b.en[data-v-bd7429df]{font-size:26px}.kid-listen[data-v-bd7429df]{background:var(--sunken);border:0;border-radius:999px;align-self:center;padding:10px 18px;font-size:17px;font-weight:700}.kid-opts[data-v-bd7429df]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kid-opt[data-v-bd7429df]{aspect-ratio:1;border:3px solid var(--line);background:var(--surface);max-width:100%;font-size:52px;font-family:var(--f-disp);color:var(--ink);border-radius:20px;font-weight:800}.kid-opt.right[data-v-bd7429df]{border-color:var(--good);background:var(--good-bg)}.kid-opt.wrong[data-v-bd7429df]{border-color:var(--bad);background:var(--bad-bg);opacity:.6;animation:.35s shake-bd7429df}@keyframes shake-bd7429df{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.kid-yay[data-v-bd7429df]{text-align:center;color:var(--good);margin:0;font-size:18px;font-weight:700}.kid-turn[data-v-bd7429df]{text-align:center;flex-direction:column;align-items:stretch;gap:10px;display:flex}.kid-turn b[data-v-bd7429df]{color:var(--accent);font-size:24px}.kid-turn .trk[data-v-bd7429df]{background:var(--sunken);border-radius:6px;height:12px;overflow:hidden}.kid-turn .trk div[data-v-bd7429df]{background:var(--accent);transform-origin:0;height:100%;animation:linear forwards fill-bd7429df}@keyframes fill-bd7429df{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kid-rate[data-v-bd7429df]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kid-rate button[data-v-bd7429df]{border:3px solid var(--line);background:var(--surface);min-height:72px;color:var(--ink);border-radius:18px;font-size:20px;font-weight:700}.kid-rate .ok[data-v-bd7429df]{border-color:var(--good);background:var(--good-bg);color:var(--good)}.kid-done[data-v-bd7429df]{text-align:center;align-items:center}.kid-done h2[data-v-bd7429df]{margin:0;font-size:28px}.kid-stars[data-v-bd7429df]{letter-spacing:4px;font-size:44px}.kid-stars .off[data-v-bd7429df]{filter:grayscale();opacity:.25}.stamp-big[data-v-bd7429df]{border:4px solid var(--accent);background:var(--hl);border-radius:50%;place-items:center;width:150px;height:150px;font-size:96px;animation:.5s ease-out pop-bd7429df;display:grid}@keyframes pop-bd7429df{0%{transform:scale(.3)rotate(-20deg)}70%{transform:scale(1.1)rotate(5deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.stamp-big[data-v-bd7429df],.kid-opt.wrong[data-v-bd7429df]{animation:none}}