.kl-root{--kl:#3b9cff;--kl-deep:#1d5fd1;--kl-soft:#9ccfff;--wood:#8a4b2a;--wood-dark:#5a2d17;--wood-light:#b8693c;flex-direction:column;display:flex}.kl-scrim{pointer-events:none;background:linear-gradient(#030a188c 0%,#030a180d 22%,#030a181a 48%,#030a18c7 100%);position:absolute;inset:0}.kl-hud{z-index:5;padding:calc(var(--safe-top,0px) + 10px) 12px 6px;align-items:center;gap:10px;display:flex;position:relative}.kl-dot{background:#fff3;border-radius:999px;width:8px;height:8px;transition:all .25s}.kl-dot.is-follow{background:#ff8a8a59;border-radius:2px;transform:rotate(45deg)scale(.9)}.kl-dot.is-now{background:var(--kl-soft);box-shadow:0 0 0 3px #3b9cff59}.kl-dot.is-done{background:var(--kl)}.kl-score{flex-direction:column;align-items:flex-end;gap:2px;min-width:52px;display:flex}.kl-ward{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061328b8;border:1px solid #ff8a8a59;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 12px;padding:5px 10px;display:flex;position:relative}.kl-ward-chip{color:#ffd0d0;background:#ff8a8a24;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12.5px;display:inline-flex}.kl-ward-chip i{background:#ffffff40;border-radius:999px;width:6px;height:6px}.kl-ward-chip i.is-on{background:#3ddc84}.kl-stage{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.kl-scene{flex:0 0 38%;min-height:170px;position:relative}.kl-panel{min-height:0;padding:0 10px calc(var(--safe-bottom,0px) + 10px);flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.kl-root.is-side .kl-stage{flex-direction:row}.kl-root.is-side .kl-scene{flex:0 0 44%}.kl-root.is-side .kl-panel{padding:0 14px calc(var(--safe-bottom,0px) + 12px) 0;justify-content:center}.kl-patient{flex-direction:column;justify-content:flex-end;align-items:center;width:56%;height:100%;display:flex;position:absolute;bottom:0;left:4%}.kl-patient-sprite{aspect-ratio:1;transform-origin:50% 100%;height:62%}.kl-patient-sprite img{object-fit:contain;filter:drop-shadow(0 14px 18px #00000080);-webkit-user-select:none;user-select:none;width:100%;height:100%}.kl-idle{animation:2.6s ease-in-out infinite kl-bob}.kl-talk{animation:.28s ease-in-out infinite alternate kl-talk}@keyframes kl-bob{50%{transform:translateY(-5px)}}@keyframes kl-talk{0%{transform:scale(1)}to{transform:scale(1.03,.97)translateY(1px)}}.kl-nameplate{color:var(--color-mist);white-space:nowrap;background:#061328cc;border:1px solid #ffffff24;border-radius:999px;margin-top:-6px;padding:2px 10px;font-size:11.5px;font-weight:800}.kl-nameplate em{color:#ff9d9d;font-style:normal}.kl-momo{aspect-ratio:1;pointer-events:none;place-items:end center;height:56%;display:grid;position:absolute;bottom:0;right:1%}.kl-momo img{object-fit:contain;filter:drop-shadow(0 14px 18px #00000080);width:100%;height:100%}.kl-bubble{background:var(--color-paper);min-width:128px;max-width:240px;min-height:52px;color:var(--color-ink);transform-origin:50% 100%;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:10px;padding:10px 16px;display:flex;position:relative;box-shadow:0 8px 0 -2px #0000002e,0 16px 30px #00000073}.kl-bubble:after{content:"";border:11px solid #0000;border-top-color:var(--color-paper);border-bottom:0;margin-left:-11px;position:absolute;bottom:-11px;left:50%}.kl-bubble:focus-visible{outline:3px solid var(--kl);outline-offset:3px}.kl-bubble.is-note{background:linear-gradient(#fbf7ee,#efe5cf);border-radius:10px;padding:10px 18px 12px;rotate:-2deg}.kl-bubble-wave{align-items:center;gap:3px;height:18px;display:flex}.kl-bubble-wave i{background:var(--kl-deep);opacity:.5;border-radius:4px;width:4px;height:6px}.kl-bubble.is-talking .kl-bubble-wave i{opacity:1;animation:.5s ease-in-out infinite alternate kl-wave}.kl-bubble.is-talking .kl-bubble-wave i:nth-child(2){animation-delay:.12s}.kl-bubble.is-talking .kl-bubble-wave i:nth-child(3){animation-delay:.24s}.kl-bubble.is-talking .kl-bubble-wave i:nth-child(4){animation-delay:.36s}@keyframes kl-wave{to{height:18px}}.kl-cabinet{background:repeating-linear-gradient(90deg, #ffffff08 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--wood-light), var(--wood) 40%, var(--wood-dark));border:2px solid #3d1d0c;border-radius:20px;width:100%;max-width:560px;margin:0 auto;padding:10px 10px 12px;position:relative;box-shadow:inset 0 2px #ffffff40,inset 0 -4px #0000004d,0 18px 40px #00000080}.kl-cab-grid{grid-template-columns:minmax(62px, auto) repeat(var(--kl-cols,3), 1fr);align-items:stretch;gap:6px;display:grid}.kl-colhead{text-align:center;color:#ffe2b8;text-shadow:0 1px #00000080;flex-direction:column;align-items:center;gap:1px;padding-bottom:2px;font-size:10.5px;font-weight:800;line-height:1.1;display:flex}.kl-rowhead{text-align:center;color:#ffe2b8;text-shadow:0 1px #00000080;flex-direction:column;justify-content:center;align-items:center;gap:1px;max-width:76px;font-size:10.5px;font-weight:800;line-height:1.1;display:flex}.kl-rowhead svg{background:#0000002e;border-radius:10px}.kl-drawer{cursor:pointer;background:linear-gradient(#4a240f,#2c1407);border-radius:10px;min-height:56px;padding:4px;position:relative;box-shadow:inset 0 3px 6px #0000008c}.kl-drawer.is-empty{cursor:default;background:linear-gradient(#4a240f80,#2c140780)}.kl-drawer-face{height:100%;min-height:48px;transition:transform .18s var(--ease-out-back), box-shadow .2s, filter .2s;background:linear-gradient(#e9b77c,#c98a4d 60%,#a86a35);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000040,0 2px #00000059}.kl-drawer-letter{color:#3a1a08;text-shadow:0 1px #ffffff59;font-size:26px;font-weight:800;line-height:1}.kl-drawer-knob{background:linear-gradient(#f6d27b,#b78a2c);border-radius:6px;width:16px;height:6px;margin-top:4px;box-shadow:0 1px #0006}.kl-drawer:not(:disabled):hover .kl-drawer-face{filter:brightness(1.06);transform:translateY(2px)}.kl-drawer:focus-visible{outline:3px solid var(--color-gold-bright);outline-offset:2px}.kl-drawer.is-locked{cursor:not-allowed}.kl-drawer.is-locked .kl-drawer-face{filter:grayscale(.7)brightness(.55)}.kl-drawer-lock{color:#ffffff8c;position:absolute;top:7px;right:7px}.kl-drawer.is-right .kl-drawer-face{background:linear-gradient(#c9f7dc,#6fdc9d 60%,#2fae69);transform:translateY(8px);box-shadow:0 0 0 3px #3ddc84,0 0 24px #3ddc84b3}.kl-drawer.is-wrong .kl-drawer-face{background:linear-gradient(#ffc1b4,#f0806b 60%,#c84b38);box-shadow:0 0 0 3px #ff6b5b}.kl-drawer.is-hint .kl-drawer-face{box-shadow:0 0 0 3px var(--color-gold-bright), 0 0 22px #ffd45ecc;animation:1s ease-in-out infinite alternate kl-hint}@keyframes kl-hint{to{filter:brightness(1.18)}}.kl-root.is-compact .kl-drawer{min-height:46px}.kl-root.is-compact .kl-drawer-face{min-height:38px}.kl-root.is-compact .kl-drawer-letter{font-size:22px}.kl-reveal{z-index:4;background:#061328f0;border:1px solid #3ddc8499;border-radius:18px;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:8px 10px;display:flex;position:absolute;top:6px;left:10px;right:10px;box-shadow:0 16px 34px #0000008c}.kl-reveal svg{border-radius:12px;flex-shrink:0}.kl-root.is-side .kl-reveal{top:12px;left:0;right:14px}.kl-next{background:var(--color-gold);width:46px;height:46px;color:var(--color-night-900);box-shadow:0 4px 0 var(--color-gold-deep);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.kl-next:active{box-shadow:0 1px 0 var(--color-gold-deep);transform:translateY(3px)}.kl-baca{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061328d1;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:520px;margin:0 auto;padding:12px;display:flex}.kl-opts{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.kl-opt{min-height:82px;color:var(--color-mist);background:#ffffff12;border:2px solid #ffffff24;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .18s;display:flex;position:relative}.kl-opt:not(:disabled):hover{background:#ffffff1f}.kl-opt.is-picked{border-color:var(--kl);color:#fff;background:#3b9cff33;box-shadow:0 0 0 3px #3b9cff4d}.kl-opt.is-tried{opacity:.55;border-color:#ff6b5b}.kl-opt.is-right{opacity:1;background:#3ddc842e;border-color:#3ddc84}.kl-opt-letter{font-family:var(--font-display);color:#fff;font-size:18px}.kl-opt-label{flex-direction:column;align-items:center;line-height:1.1;display:flex}.kl-opt-label small{color:#ffb3a8;text-align:center;font-size:10.5px;font-weight:800}.kl-side{background:#ffffff0d;border:2px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;display:flex;position:relative}.kl-side.is-bad{border-color:#ff6b5b8c}.kl-side.is-good{border-color:#3ddc84a6}.kl-side svg{border-radius:12px;max-width:100%;height:auto}.kl-side-label{text-transform:uppercase;letter-spacing:.14em;color:var(--color-mist-dim);font-size:11px;font-weight:800}.kl-side.is-good .kl-side-label{color:#7ff0b0}.kl-side.is-bad .kl-side-label{color:#ffb3a8}.kl-side-letter{color:#fff;font-size:22px;font-weight:800;position:absolute;top:6px;right:10px}.kl-side-play{color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:4px 12px;display:inline-flex}.kl-side-play:hover{background:#ffffff2e}.kl-compare{min-height:38px;color:var(--kl-soft);background:#3b9cff1f;border:1px solid #3b9cff59;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.kl-compare:disabled{opacity:.7}.kl-axis{color:#7ff0b0;background:#3ddc841f;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.kl-axis.is-on{color:#ffb3a8;background:#ff6b5b2e}.kl-tile{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px 6px;transition:background .15s;display:flex}.kl-tile:hover{background:#ffffff1f}.kl-tile svg{border-radius:10px}.kl-practice-link{text-align:left;color:var(--kl-soft);background:#3b9cff1f;border:1px dashed #3b9cff80;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.kl-practice-link b{color:#fff;font-size:14px;display:block}.kl-practice-link small{color:var(--color-mist-dim);font-size:12px;display:block}.kl-mini-drawer{color:#3a1a08;background:linear-gradient(#e9b77c,#c98a4d 60%,#a86a35);border-radius:7px;place-items:center;height:30px;font-size:16px;font-weight:800;display:grid;box-shadow:inset 0 2px #fff6}.kl-tisu-side,.kl-target{color:var(--color-mist);background:#ffffff0f;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 8px;display:flex}.kl-tisu-side svg,.kl-target svg{border-radius:10px}.kl-target.is-on{border-color:var(--kl);color:#fff;background:#3b9cff2e}.kl-target em{color:#3ddc84;font-style:normal;font-weight:800}.kl-meter{background:linear-gradient(90deg,#1b407a,#2a5698 50%,#12305e);border-radius:14px;height:56px;position:relative;overflow:hidden}.kl-meter-zone{color:#fff;align-items:flex-end;padding:0 8px 4px;font-size:11px;font-weight:800;display:flex;position:absolute;top:0;bottom:0}.kl-meter-zone.is-sh{background:#8f6bff66;left:0}.kl-meter-zone.is-s{background:#3ddc844d;justify-content:flex-end}.kl-meter-needle{background:var(--color-gold-bright);border-radius:6px;width:6px;margin-left:-3px;position:absolute;top:4px;bottom:4px;box-shadow:0 0 14px #ffd45ee6}.kl-twister{background:#061328db;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:540px;margin:0 auto;padding:12px;display:flex}.kl-tw-lines{flex-direction:column;gap:6px;display:flex}.kl-tw-line{border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.kl-tw-line.is-playing{background:#3b9cff33}.kl-tw-syl{min-width:40px;color:var(--color-mist-dim);background:#ffffff0f;border-radius:10px;flex-direction:column;align-items:center;padding:3px 4px;font-size:20px;line-height:1.1;display:flex}.kl-tw-syl small{min-height:1em;font-size:11px}.kl-tw-syl.is-done{color:#fff;background:#3ddc8429}.kl-tw-syl.is-now{color:#fff;box-shadow:0 0 0 2px var(--kl);background:#3b9cff4d}.kl-tw-play{color:#fff;background:#ffffff1a;border-radius:999px;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.kl-tw-btn{color:#3a1a08;background:linear-gradient(#e9b77c,#c98a4d 60%,#a86a35);border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:72px;font-size:28px;display:flex;box-shadow:inset 0 2px #ffffff73,0 4px #5a2d17}.kl-tw-btn svg{border-radius:10px}.kl-tw-btn:active{transform:translateY(3px);box-shadow:0 1px #5a2d17}.kl-tw-btn.is-wrong{background:linear-gradient(#ffc1b4,#f0806b)}.kl-rec{background:#ffffff0f;border-radius:10px;flex-direction:column;align-items:center;padding:4px 2px;font-size:11px;font-weight:800;display:flex}.kl-rec b{color:#fff;font-size:18px}.kl-rec.is-good{color:#7ff0b0;background:#3ddc842e}.kl-rec.is-mid{color:#ffd45e;background:#ffd45e29}.kl-rec.is-bad{color:#ffb3a8;background:#ff6b5b2e}.kl-pill{border-radius:999px;padding:3px 10px;font-weight:700}.kl-pill.is-good{color:#7ff0b0;background:#3ddc8429}.kl-pill.is-bad{color:#ffb3a8;background:#ff6b5b29}.kl-float{color:#9ccfff80;font-weight:800;animation:5s ease-in-out infinite kl-float;position:absolute}@keyframes kl-float{50%{opacity:.9;transform:translateY(-12px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.kl-idle,.kl-talk,.kl-float,.kl-bubble.is-talking .kl-bubble-wave i,.kl-drawer.is-hint .kl-drawer-face{animation:none}}.kl-root.is-side:not(.is-compact) .kl-cabinet,.kl-root.is-side:not(.is-compact) .kl-baca,.kl-root.is-side:not(.is-compact) .kl-twister{max-width:640px}.kl-root.is-side:not(.is-compact) .kl-drawer{min-height:74px}.kl-root.is-side:not(.is-compact) .kl-drawer-face{min-height:66px}.kl-root.is-side:not(.is-compact) .kl-drawer-letter{font-size:34px}.kl-root.is-side:not(.is-compact) .kl-colhead,.kl-root.is-side:not(.is-compact) .kl-rowhead{font-size:12px}.kl-tw-banner{background:var(--color-paper);color:var(--color-ink);text-align:center;border-radius:20px;padding:12px 16px;position:absolute;top:14%;left:4%;right:34%;rotate:-1.5deg;box-shadow:0 16px 30px #00000073}.kl-root.is-side:not(.is-compact) .kl-patient{width:54%;height:72%;bottom:22%}.kl-root.is-side:not(.is-compact) .kl-patient-sprite{height:min(62%,340px)}.kl-root.is-side:not(.is-compact) .kl-momo{height:min(44%,320px);bottom:22%}.kl-root.is-side .kl-patient-sprite{max-width:100%}.kl-root.is-side .kl-momo{max-width:48%}