.kh-screen{color:var(--color-mist);background:#061328;position:fixed;inset:0;overflow:hidden}.kh-bg{background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate kh-drift;position:absolute;inset:0}@keyframes kh-drift{0%{transform:scale(1)}to{transform:scale(1.05)translate(-1%,-.6%)}}.kh-bg-shade{background:linear-gradient(#030a188c 0%,#030a1859 30%,#030a18cc 100%);position:absolute;inset:0}.kh-bg-shade.is-strong{background:linear-gradient(#030a18b3 0%,#030a1899 40%,#030a18e0 100%)}@media (prefers-reduced-motion:reduce){.kh-bg{animation:none}}.kh-float{color:#a5f3b552;text-shadow:0 0 18px #7ee78773;animation:6s ease-in-out infinite kh-float;position:absolute}@keyframes kh-float{0%,to{opacity:.4;transform:translateY(0)rotate(-4deg)}50%{opacity:.9;transform:translateY(-14px)rotate(4deg)}}.kh-hud{z-index:5;padding:calc(var(--safe-top,0px) + 10px) 12px 8px;align-items:center;gap:8px;display:flex;position:relative}.kh-icon-btn{color:#fff;background:#081c3bb3;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.kh-garden-title{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.kh-garden-title b{font-family:var(--font-display);color:#fff;font-size:17px}.kh-garden-title span{color:var(--color-mist-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.kh-progress{background:#081c3bbf;border:1px solid #ffffff1f;border-radius:999px;flex:1;height:30px;position:relative;overflow:hidden}.kh-progress-fill{background:linear-gradient(90deg,#1b7a3a,#4caf50 70%,#9be89f);border-radius:999px;position:absolute;inset:0 auto 0 0}.kh-progress-label{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;gap:4px;height:100%;font-size:12.5px;font-weight:800;display:flex;position:relative}.kh-progress-extra{color:#4a3200;letter-spacing:.02em;text-transform:uppercase;text-shadow:none;background:#ffd45e;border-radius:999px;margin-left:2px;padding:1px 6px;font-size:10.5px;font-weight:900}.kh-garden-scroll{z-index:1;height:calc(100% - 64px - var(--safe-top,0px));-webkit-overflow-scrolling:touch;max-width:760px;margin:0 auto;padding:4px 14px 24px;position:relative;overflow-y:auto}.kh-garden-cta{margin:4px 0 14px}.kh-cta-sub{text-align:center;color:var(--color-mist);margin-top:8px;font-size:13px;line-height:1.35}.kh-bed{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0a221ec7,#061328d1);border:1px solid #7ee7872e;border-radius:20px;margin-bottom:12px;padding:10px 10px 12px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.kh-bed.is-locked{opacity:.62;border-color:#ffffff14}.kh-bed-head{align-items:baseline;gap:8px;padding:0 4px;display:flex}.kh-bed-dot{border-radius:999px;align-self:center;width:10px;height:10px;box-shadow:0 0 10px}.kh-bed-blurb{color:var(--color-mist-dim);padding:2px 4px 6px;font-size:12px;line-height:1.3}.kh-bed-grid{background:linear-gradient(#5a3b2600,#5a3b2659);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 4px 4px;display:grid}@media (min-width:620px){.kh-bed-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.kh-tile{border-radius:14px;flex-direction:column;align-items:center;padding:2px 0 4px;transition:transform .15s,background .15s;display:flex;position:relative}.kh-tile:not(:disabled):hover{background:#ffffff0f;transform:translateY(-2px)}.kh-tile:not(:disabled):active{transform:scale(.96)}.kh-tile-drop{animation:1.6s ease-in-out infinite kh-bob;position:absolute;top:2px;right:8px}@keyframes kh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.kh-sign{color:#2a1608;text-align:center;background:linear-gradient(#c99a62,#9b6b3b);border:1px solid #6a4423;border-radius:8px;min-width:38px;margin-top:-10px;padding:1px 6px 2px;font-size:20px;line-height:1.15;box-shadow:0 2px #5a3820,0 4px 8px #00000059}.kh-tile.is-empty .kh-sign{box-shadow:none;color:var(--color-mist-dim);background:#ffffff1a;border-color:#ffffff26}.kh-tile-py{font-family:var(--font-pinyin);color:#a5f3b5;margin-top:2px;font-size:11px;font-weight:700}.kh-plant{display:block;overflow:visible}.kh-plant-body{transition:transform .5s cubic-bezier(.2,.8,.3,1.4),filter .4s}.kh-plant.is-thirsty .kh-plant-body{filter:saturate(.55)brightness(.9);transform:rotate(9deg)scaleY(.94)}.kh-plant.is-wilting .kh-plant-body{animation:.9s ease-out kh-wilt}@keyframes kh-wilt{0%{filter:none;transform:rotate(0)}40%{filter:saturate(.3)brightness(.8);transform:rotate(16deg)scaleY(.85)}to{filter:saturate(.7);transform:rotate(6deg)scaleY(.96)}}.kh-sparkles{animation:1.8s ease-in-out infinite kh-twinkle}@keyframes kh-twinkle{0%,to{opacity:.35}50%{opacity:1}}.kh-wheels{letter-spacing:.02em;color:#a5f3b5;white-space:nowrap;vertical-align:middle;background:#a5f3b529;border:1px solid #a5f3b559;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-block}.kh-wheels.is-off{color:#ffd45e;background:#ffd45e24;border-color:#ffd45e66}.kh-wheels.is-big{flex-shrink:0;padding:4px 9px;font-size:11.5px}.kh-ladder{flex-direction:column;gap:4px;display:flex}.kh-ladder-step{background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:2px 6px;display:flex}.kh-ladder.is-compact .kh-ladder-step{padding:0 6px}.kh-session .kh-hud{padding-bottom:4px}.kh-stage-scroll{z-index:1;height:calc(100% - 58px - var(--safe-top,0px));-webkit-overflow-scrolling:touch;flex-direction:column;padding:4px 12px 20px;display:flex;position:relative;overflow-y:auto}.kh-card{flex-direction:column;gap:10px;width:100%;max-width:540px;margin:auto;display:flex}.kh-card-head{background:#081c3bb8;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:10px;padding:4px 12px 4px 6px;display:flex}.kh-tip{background:linear-gradient(135deg,#1b7a3aeb,#0c4634eb);border:1px solid #a5f3b566;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 8px 22px #0000004d}.kh-tip-momo{font-size:24px}.kh-tip-ok{color:#14532d;background:#fff;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:800}.kh-story{background:#081c3bdb;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 16px 40px #0006}.kh-story-top{align-items:center;gap:12px;display:flex}.kh-story-visual{flex-shrink:0;position:relative}.kh-paper{background:radial-gradient(circle at 30% 20%,#fffaf0,#efe4cc 70%,#e2d3b2);border-radius:16px;padding:6px;box-shadow:inset 0 0 0 1px #5a3c1e40,0 6px 16px #00000059}.kh-replay{color:#fff;background:#1a1410bf;border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.kh-visual-label{text-align:center;max-width:162px;color:var(--color-mist-dim);margin-top:4px;font-size:10.5px;font-weight:700;line-height:1.2}.kh-morph{position:relative}.kh-morph-sketch,.kh-morph-glyph{width:88%;height:88%;position:absolute;inset:6%}.kh-morph-glyph svg{width:100%;height:100%}.kh-parts{color:#1a1410;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.kh-part{line-height:1;display:inline-block}.kh-story-id{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.kh-story-hanzi{color:#fff;text-shadow:0 4px 18px #7ee78759;font-size:64px;line-height:1}.kh-story-meaning{color:#fff;font-size:19px;line-height:1.15}.kh-sound{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.kh-sound:hover{background:#ffffff24}.kh-sound.is-small{padding:6px 12px}.kh-stage-chip{color:#a5f3b5;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.kh-block{border-radius:16px;padding:9px 12px 8px;position:relative}.kh-block-label{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:900;display:inline-flex}.kh-block-text{color:#fff;margin-top:3px;font-size:14.5px;line-height:1.4}.kh-block-src{opacity:.75;margin-top:3px;font-size:10.5px;font-weight:700}.kh-block-origin{background:#22c7a91f;border:1.5px solid #22c7a98c}.kh-block-origin .kh-block-label,.kh-block-origin .kh-block-src{color:#5eead4}.kh-block-hook{background:#ffd45e1a;border:1.5px dashed #ffd45e99}.kh-block-hook .kh-block-label,.kh-block-hook .kh-block-src{color:#ffd45e}.kh-word-row{text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 12px;display:flex}.kh-wilt-note{color:#ffd0d0;background:#ff4d4f26;border:1px solid #ff4d4f66;border-radius:12px;padding:8px 12px;font-size:13px}.kh-quiz{flex-direction:column;align-items:center;gap:10px;display:flex}.kh-prompt{background:#081c3bd1;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 12px 12px;display:flex}.kh-prompt-hanzi{color:#fff;text-shadow:0 6px 26px #7ee78759;line-height:1}.kh-prompt-word{color:#fff;letter-spacing:.06em;line-height:1.05}.kh-target{color:#ffd45e;text-underline-offset:10px;-webkit-text-decoration:underline #ffd45e99;text-decoration:underline #ffd45e99;text-decoration-thickness:4px}.kh-prompt-meaning{color:#fff;text-align:center;font-size:24px;font-weight:800;line-height:1.2}.kh-pinyin-slot{place-items:center;min-height:36px;display:grid}.kh-pinyin-hidden{color:#ffd45ed9;border:1.5px dashed #ffd45e73;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.kh-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.kh-option{color:#0e1116;text-align:center;background:linear-gradient(#f7f3ea,#e9e1cf);border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:58px;padding:10px 12px 10px 30px;transition:transform .12s,box-shadow .12s,opacity .2s;display:flex;position:relative;box-shadow:0 4px #b9ab8d,0 8px 16px #0000004d}.kh-options.is-hanzi .kh-option{min-height:78px}.kh-option:not(:disabled):hover{transform:translateY(-2px)}.kh-option:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #b9ab8d,0 3px 8px #0000004d}.kh-option-n{color:#0e111666;font-size:11px;font-weight:900;position:absolute;top:7px;left:8px}.kh-option-label{font-size:15.5px;font-weight:800;line-height:1.2}.kh-option.is-right{background:linear-gradient(#8ff0a4,#4caf50);animation:.4s ease-out kh-pop;box-shadow:0 4px #1b7a3a,0 0 0 3px #a5f3b599}.kh-option.is-wrong{background:linear-gradient(#ffb3b3,#ff6b6b);animation:.4s kh-shake;box-shadow:0 4px #8e1117}.kh-option.is-dim{opacity:.45}.kh-option.is-right:after{content:"✓";color:#0d3b1c;font-weight:900;position:absolute;top:6px;right:10px}.kh-option.is-wrong:after{content:"✗";color:#5a0a0d;font-weight:900;position:absolute;top:6px;right:10px}@keyframes kh-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes kh-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.kh-option.is-wrong,.kh-option.is-right{animation:none}}.kh-peek{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;margin-top:2px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.kh-peek:disabled{opacity:.55}.kh-feedback{border-radius:18px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex;position:sticky;bottom:8px;box-shadow:0 12px 32px #00000073}.kh-feedback.is-right{background:linear-gradient(135deg,#14532d,#1b7a3a);border:1px solid #a5f3b580}.kh-feedback.is-wrong{background:linear-gradient(135deg,#4a0d12,#7a1a1f);border:1px solid #ff8a8a80}.kh-trace{background:#081c3bd1;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex}.kh-pad-frame{background:linear-gradient(145deg,#4caf50 0%,#1b7a3a 45%,#0e4a26 100%);border-radius:20px;place-items:center;transition:box-shadow .25s;display:grid;position:relative;box-shadow:0 0 0 2px #081c3be6,0 14px 30px #00000073,inset 0 2px #fff3}.kh-pad-frame.is-ok{box-shadow:0 0 0 3px #ffd45e,0 0 30px 6px #ffd45e73}.kh-pad-frame.is-bad{box-shadow:0 0 0 3px #ff4d4f,0 0 30px 4px #ff4d4f73}.kh-pad-paper{background:radial-gradient(circle at 30% 20%,#fffaf0,#f2e8d3 70%,#e7d9bb);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5a3c1e40,inset 0 0 40px #785a2829}.kh-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kh-grid-border{fill:none;stroke:#1b7a3a8c;stroke-width:.7px;vector-effect:non-scaling-stroke}.kh-grid-dash{stroke:#1b7a3a61;stroke-width:1.2px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.kh-grid-diag{stroke:#1b7a3a24;stroke-width:1px;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}.kh-writer-host,.kh-writer-host>.kh-writer,.kh-writer svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.kh-writer svg{display:block}.kh-moves{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.kh-move{background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;padding:2px 4px;display:flex}.kh-move.is-up{background:#4caf502e}.kh-move.is-down{background:#ff4d4f29}.kh-drop{display:block}@media (max-width:380px){.kh-story-hanzi{font-size:54px}.kh-option-label{font-size:14.5px}.kh-prompt-meaning{font-size:21px}}.kh-session .kh-progress{max-width:560px;margin:0 auto}.kh-tile .kh-plant{width:clamp(44px,11vw,66px);height:auto}@media (min-width:620px){.kh-tile .kh-plant{width:clamp(44px,5.5vw,66px)}}.kh-bed.is-locked .kh-bed-grid{padding-top:2px}.kh-bed.is-locked .kh-tile .kh-plant{display:none}.kh-bed.is-locked .kh-sign{margin-top:4px}.kh-tile.is-empty{opacity:.8}.kh-story>.btn-3d:last-child{z-index:2;position:sticky;bottom:6px}@media (orientation:landscape) and (max-height:560px){.kh-card{gap:6px;max-width:860px}.kh-card-head{padding:0 10px 0 4px}.kh-card-head .kh-plant{width:40px;height:auto}.kh-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:8px 14px;display:grid}.kh-story>.kh-story-top,.kh-story>.kh-wilt-note{grid-column:1}.kh-story>.kh-story-top{grid-row:span 4}.kh-story>:not(.kh-story-top):not(.kh-wilt-note){grid-column:2}.kh-quiz{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.kh-quiz>.kh-prompt{grid-row:span 2}.kh-quiz>.kh-peek,.kh-quiz>.kh-pad-frame+div{grid-column:2;justify-self:center}.kh-trace{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.kh-trace>.kh-pad-frame{grid-area:span 2/1}.kh-prompt{padding:8px}}@media (max-width:420px){.kh-feedback{flex-wrap:wrap;gap:8px;padding:10px 12px}.kh-feedback>.btn-3d{width:100%}}.kh-cap-note{color:#ffe9a3;background:#ffd45e1f;border:1px dashed #ffd45e8c;border-radius:14px;align-items:flex-start;gap:6px;max-width:520px;margin:8px auto 0;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.kh-cap-note svg{flex-shrink:0;margin-top:1px}.kh-seed-count{color:var(--color-mist-dim);justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:11.5px;font-weight:700;display:flex}.kh-seed-count b{color:var(--color-mist)}.kh-seed-dot{background:#ffffff29;border-radius:999px;width:8px;height:8px}.kh-seed-dot.is-on{background:#7ee787;box-shadow:0 0 6px #7ee787b3}.kh-move.is-new{background:#ffd45e29}.kh-inline-han{font-weight:600}.kh-rad-l{margin-right:-.42em;display:inline-block}.kh-rad-c{margin:0 -.3em;display:inline-block}.kh-roots{background:#7ee78714;border:1.5px solid #7ee78759;border-radius:16px;padding:9px 12px 10px}.kh-roots-label{letter-spacing:.12em;text-transform:uppercase;color:#a5f3b5;align-items:center;gap:6px;font-size:11.5px;font-weight:900;display:inline-flex}.kh-web-line{color:#fff;margin-top:3px;font-size:14px;line-height:1.4}.kh-web-line b.hanzi{color:#a5f3b5;font-size:17px}.kh-root-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.kh-root{text-align:left;background:#ffffff12;border:1px solid #a5f3b566;border-radius:12px;align-items:center;gap:6px;padding:4px 10px 4px 6px;transition:background .15s,transform .15s;display:inline-flex}.kh-root:hover{background:#ffffff21;transform:translateY(-1px)}.kh-root.is-unplanted{opacity:.85;border-style:dashed;border-color:#ffffff40}.kh-root-han{color:#fff;text-align:center;min-width:26px;font-size:24px;line-height:1}.kh-root-txt{color:#fff;flex-direction:column;font-size:12.5px;font-weight:700;line-height:1.15;display:flex}.kh-root-txt small{color:var(--color-mist-dim);font-size:10.5px;font-weight:700}.kh-used{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.kh-used-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-mist-dim);font-size:11px;font-weight:800}.kh-used-chip{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;min-width:34px;padding:2px 8px;font-size:20px}.kh-used-chip:hover{background:#ffffff24}.kh-story-nest{flex-direction:column;gap:8px;display:flex}.kh-nest-back{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;font-weight:800;display:inline-flex}.kh-nest-back .hanzi{font-size:17px}.kh-word-note{color:var(--color-mist-dim);flex-basis:100%;font-size:12px;line-height:1.35}@media (orientation:landscape) and (max-height:560px){.kh-story-nest>.kh-nest-back{grid-column:1/-1}}.kh-part-svg{width:100%;height:100%;display:block}.kh-seed{transform-origin:50px 64px;animation:2.4s ease-in-out infinite kh-seed-bob}@keyframes kh-seed-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.kh-seed{animation:none}}@media (min-width:1024px) and (min-height:600px){.kh-garden-scroll{max-width:1040px}.kh-bed{padding:12px 14px 14px}.kh-bed-head b{font-size:17px!important}.kh-bed-blurb{font-size:13px}.kh-bed-grid{gap:10px;padding:10px 8px 6px}.kh-tile .kh-plant{width:clamp(66px,7.2vw,100px)}.kh-sign{border-radius:10px;min-width:50px;margin-top:-14px;padding:2px 8px 3px;font-size:27px}.kh-tile-py{font-size:13px}.kh-tile-drop{top:4px;right:14px}.kh-tile-drop .kh-drop{width:20px;height:24px}}@media (orientation:landscape) and (max-height:560px){.kh-story-top{flex-wrap:wrap;justify-content:center}.kh-story-top>.kh-story-id{min-width:120px}}.kh-web-line.is-shape{color:var(--color-mist);font-size:13px}.kh-web-line.is-shape b.hanzi{color:#fff;font-size:16px}.kh-root.is-shape{border-color:#ffffff40}.kh-root.is-shape .kh-root-txt{color:var(--color-mist);font-weight:600}