.l2-head{flex-direction:column;gap:.5rem;display:flex}.l2-head h1{margin-block-end:0}.l2-dots{flex-wrap:wrap;gap:6px;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.l2-dots li{background:var(--border);border-radius:4px;block-size:8px;inline-size:26px;transition:background .3s}.l2-dots li.done{background:var(--ok)}.l2-dots li.now{background:var(--accent)}.l2-dots li.star{background:repeating-linear-gradient(90deg, var(--shade) 0 4px, var(--border) 4px 8px)}.l2-dots li.star.done{background:var(--shade)}.l2-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.1rem 1rem 1.3rem;animation:.35s ease-out l2-in;position:relative}@keyframes l2-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.l2-card h2{margin:.2rem 0 .8rem;padding-inline-end:70px;font-size:1.45rem}.l2-where{color:var(--muted);margin:0;font-size:.9rem}.l2-host{block-size:74px;inline-size:74px;position:absolute;inset-block-start:-18px;inset-inline-end:8px}.l2-host svg,.kg-guide-bird svg{block-size:100%;inline-size:100%;display:block}:root[dir=rtl] .kg-guide-bird svg,:root[dir=ltr] .l2-host svg{transform:scaleX(-1)}.l2-text p{border-radius:10px;margin:.35rem 0;padding:.15rem .5rem;font-size:1.15rem;line-height:1.9;transition:background .3s}.l2-text p.speaking{background:color-mix(in srgb, var(--accent) 13%, transparent)}.l2-replay{min-block-size:38px;margin-block-end:.3rem;font-size:.95rem}.l2-figure{margin:.9rem 0}.l2-question,.l2-task{margin:.9rem 0 .6rem;font-size:1.2rem;font-weight:700;line-height:1.8}.l2-task{color:var(--accent)}.l2-intro{color:var(--muted);font-size:1.05rem}.l2-options{flex-direction:column;gap:.6rem;margin:.6rem 0;display:flex}.l2-option{border:2px solid var(--border);background:var(--cell);min-block-size:56px;color:var(--fg);text-align:start;border-radius:16px;padding:.6rem 1rem;font-size:1.1rem;line-height:1.7}.l2-option[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--cell))}.l2-option:disabled{opacity:.75}.l2-start,.l2-next{min-block-size:56px;inline-size:100%;margin-block-start:1rem;font-size:1.2rem;display:block}.l2-skip{margin-block-start:.8rem}.l2-studio{margin-block-start:2rem;font-size:.9rem}.kg-guide{align-items:flex-end;gap:.4rem;margin:.8rem 0;display:flex}.kg-guide[hidden]{display:none}.kg-guide-bird{flex:0 0 64px;block-size:64px}.kg-guide-bubble{background:var(--hint-bg);border-radius:18px;flex:1;padding:.7rem .9rem;font-size:1.08rem;line-height:1.8;position:relative}.kg-guide-bubble p{margin:.2rem 0}.l2-reply.ok .kg-guide-bubble{background:var(--ok-bg);color:var(--ok);font-weight:700}.l2-reply.no .kg-guide-bubble{background:var(--no-bg);color:var(--no)}.l2-show{margin:0;padding:0;list-style:none}.l2-show li{margin:.2rem 0}.l2-show .n{margin-inline-end:.3rem;font-weight:800}.l2-show+button{margin-block-start:.6rem}.l2-big .kg-guide-bubble{font-size:1.3rem}.kg-guide[data-mood=happy] .kg-guide-bird{animation:.6s ease-out 2 l2-hop}.kg-guide[data-mood=think] .kg-guide-bird svg .head{transform-origin:58px 60px;animation:1.2s ease-in-out l2-tilt}.l2-speaking .l2-host .head,.l2-speaking .kg-guide .head{transform-origin:58px 60px;animation:.5s ease-in-out infinite alternate l2-bob}.l2-speaking .l2-host .crest,.l2-speaking .kg-guide .crest{transform-origin:50px 32px;animation:.9s ease-in-out infinite alternate l2-crest}@keyframes l2-hop{0%,to{transform:none}40%{transform:translateY(-14px)}}@keyframes l2-tilt{0%,to{transform:none}30%,70%{transform:rotate(-12deg)}}@keyframes l2-bob{0%{transform:rotate(0)}to{transform:rotate(-5deg)}}@keyframes l2-crest{0%{transform:rotate(0)}to{transform:rotate(6deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.l2-card,.kg-guide-bird,.kg-guide .head,.l2-host .head,.kg-guide .crest,.l2-host .crest{animation:none!important}}.l2-end ul{font-size:1.1rem;line-height:1.9}.l2-badge{background:var(--shade);color:#fff;border-radius:999px;padding:.3rem 1rem;font-weight:800;display:inline-block}.l2-wrap[data-young]{--accent:#e8590c;--ok:#138a4a;--ok-bg:#d3f5df;--no:#b3361f;--no-bg:#ffe3d6;--hint-bg:#e3f1ff;--shade:#f59f00;--cell:#fffdf4;--border:#ffd79a;--card:#fff;--radius:18px;background:linear-gradient(#e8f5ff 0,#fff8e1 220px);border-radius:28px;padding:.6rem .5rem 1rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .l2-wrap[data-young]{--accent:#ff9a4d;--ok:#7be0a4;--ok-bg:#1b4630;--no:#ffab94;--no-bg:#4d2619;--hint-bg:#1d3350;--shade:#ffc247;--cell:#2b2e36;--border:#6b4a1c;--card:#23262d;background:linear-gradient(#17283d 0,#231f14 220px)}}:root[data-theme=dark] .l2-wrap[data-young]{--accent:#ff9a4d;--ok:#7be0a4;--ok-bg:#1b4630;--no:#ffab94;--no-bg:#4d2619;--hint-bg:#1d3350;--shade:#ffc247;--cell:#2b2e36;--border:#6b4a1c;--card:#23262d;background:linear-gradient(#17283d 0,#231f14 220px)}.l2-wrap[data-young] .l2-card{border:3px solid var(--border);box-shadow:0 6px 0 var(--border);border-radius:28px;padding:1.4rem 1.2rem 1.6rem}.l2-wrap[data-young] .l2-card h2{font-size:1.75rem}.l2-wrap[data-young] .l2-text p{font-size:1.4rem;line-height:1.8}.l2-wrap[data-young] .l2-question,.l2-wrap[data-young] .l2-task{font-size:1.45rem}.l2-wrap[data-young] .l2-dots li{border-radius:7px;block-size:14px;inline-size:32px}.l2-wrap[data-young] .l2-host{block-size:92px;inline-size:92px;inset-block-start:-28px}.l2-wrap[data-young] .kg-guide-bird{flex-basis:84px;block-size:84px}.l2-wrap[data-young] .kg-guide-bubble{border-radius:24px;padding:.9rem 1.1rem;font-size:1.3rem}.l2-wrap[data-young] .l2-option{min-block-size:72px;box-shadow:0 4px 0 var(--border);border-width:3px;border-radius:22px;font-size:1.4rem}.l2-wrap[data-young] .l2-option:active{box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.l2-wrap[data-young] .l2-option[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 16%, var(--cell));box-shadow:0 4px 0 var(--accent)}.l2-wrap[data-young] .l2-start,.l2-wrap[data-young] .l2-next{background:var(--accent);color:#fff;min-block-size:68px;box-shadow:0 5px 0 color-mix(in srgb, var(--accent) 60%, #000);border:0;border-radius:22px;font-size:1.5rem;font-weight:800}.l2-wrap[data-young] .l2-start:active,.l2-wrap[data-young] .l2-next:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 60%, #000);transform:translateY(4px)}.l2-wrap[data-young] .l2-reply.ok .kg-guide-bubble:before{content:"✓";background:var(--ok);color:#fff;border-radius:50%;place-items:center;block-size:1.6em;inline-size:1.6em;margin-inline-end:.5rem;font-weight:900;display:inline-grid}.l2-wrap[data-young] .l2-reply.no .kg-guide-bubble:before{content:"✗";background:var(--no);color:#fff;border-radius:50%;place-items:center;block-size:1.6em;inline-size:1.6em;margin-inline-end:.5rem;font-weight:900;display:inline-grid}