.content:has(>.typing-garden-section){padding-block:var(--screen-gutter)calc(var(--screen-gutter) + env(safe-area-inset-bottom,0px))}.typing-garden-section,.typing-garden-list-section{--garden-accent:var(--primary-green);--garden-petal:var(--primary-pink);--garden-sky:color-mix(in srgb,var(--primary-blue)16%,var(--surface-base));width:100%;max-width:1200px;color:var(--text-dark);font-family:var(--font-jua),sans-serif;margin:0 auto}.typing-garden-section{flex-direction:column;flex:1 0 auto;padding:0;display:flex}.typing-garden-list-section{align-content:start;gap:16px;padding-block:14px 8px;display:grid}.typing-garden-list-section h2,.typing-garden-list-section h3,.typing-garden-list-section p{margin:0}.typing-garden-list-section :focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.typing-theme-sunset{--garden-accent:var(--primary-orange);--garden-petal:var(--primary-purple);--garden-sky:color-mix(in srgb,var(--primary-purple)14%,var(--surface-base))}.typing-garden-card{border:3px solid color-mix(in srgb,var(--garden-accent)30%,var(--border-subtle));background:var(--surface-base);box-shadow:var(--shadow-medium);word-break:keep-all;overflow-wrap:anywhere;border-radius:28px;flex-direction:column;flex:1 0 auto;gap:10px;padding:14px 18px 16px;display:flex;position:relative}.typing-garden-card h2,.typing-garden-card h3,.typing-garden-card p{margin:0}.typing-garden-card button,.typing-garden-card input,.typing-garden-card select{font:inherit}.typing-garden-card button{cursor:pointer}.typing-garden-card button:disabled{cursor:default;opacity:.55}.typing-garden-card :focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.typing-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typing-button{border:2px solid color-mix(in srgb,var(--text-dark)12%,var(--border-subtle));background:var(--surface-base);min-width:48px;min-height:48px;color:var(--text-dark);border-bottom-width:4px;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:16px;line-height:1.3;text-decoration:none;transition:transform .12s,background-color .12s,border-color .12s;display:inline-flex}.typing-button:hover:not(:disabled){border-color:var(--garden-accent);background:color-mix(in srgb,var(--garden-accent)10%,var(--surface-base))}.typing-button:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.typing-primary{background:var(--primary-yellow);border-color:color-mix(in srgb,var(--primary-orange)55%,var(--primary-yellow));box-shadow:var(--shadow-small);font-size:20px}.typing-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary-orange)22%,var(--primary-yellow));border-color:var(--primary-orange)}.typing-button .system-icon{width:22px;height:22px}.typing-icon-button{padding:8px;position:relative}.typing-icon-button[aria-pressed=true]{background:color-mix(in srgb,var(--primary-yellow)60%,var(--surface-base));border-color:var(--primary-orange)}.typing-icon-button i{background:var(--danger-text);border-radius:2px;width:3px;position:absolute;inset-block:12px;inset-inline-start:50%;transform:rotate(45deg)}.typing-growth-art{object-fit:contain;object-position:bottom center;width:100%;height:100%;display:block}.typing-hero{background:linear-gradient(160deg,var(--garden-sky),var(--bg-cream)70%);border:2px solid color-mix(in srgb,var(--garden-accent)25%,transparent);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 22px;padding:18px 22px;display:grid}.typing-hero-art{gap:6px;display:flex}.typing-hero-art .typing-growth-art{width:62px;height:62px}.typing-hero-art .typing-growth-art:nth-child(2){animation:2.6s ease-in-out infinite typing-bob}.typing-hero-art .typing-growth-art:nth-child(3){animation:2.6s ease-in-out .4s infinite typing-bob}.typing-hero-text{justify-items:start;gap:6px;display:grid}.typing-hero-eyebrow{color:var(--text-muted);font-size:15px}.typing-hero h2{font-size:clamp(26px,3.2vw,34px)}.typing-hero p{color:var(--text-muted);line-height:1.6}.typing-section-title{padding-inline-start:4px;font-size:20px}.typing-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.typing-stage-grid>li{display:flex}.typing-stage{--stage-tone:var(--primary-green);text-align:left;border:3px solid color-mix(in srgb,var(--stage-tone)45%,var(--surface-base));width:100%;color:var(--text-dark);background:linear-gradient(180deg,color-mix(in srgb,var(--stage-tone)14%,var(--surface-base)),var(--surface-base)62%);border-bottom-width:6px;border-radius:22px;align-content:start;gap:6px;min-height:48px;padding:14px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:grid}.typing-stage[data-tone=green]{--stage-tone:var(--primary-green)}.typing-stage[data-tone=yellow]{--stage-tone:var(--primary-yellow)}.typing-stage[data-tone=pink]{--stage-tone:var(--primary-pink)}.typing-stage[data-tone=orange]{--stage-tone:var(--primary-orange)}.typing-stage[data-tone=purple]{--stage-tone:var(--primary-purple)}.typing-stage[data-tone=blue]{--stage-tone:var(--primary-blue)}.typing-stage:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.typing-stage:active{border-bottom-width:3px;transform:translateY(1px)}.typing-stage-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.typing-stage-top .typing-growth-art{flex-shrink:0;width:52px;height:52px}.typing-stage-letter{background:color-mix(in srgb,var(--stage-tone)45%,var(--surface-base));min-width:40px;height:34px;color:var(--text-dark);border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:18px;display:inline-flex}.typing-stage strong{font-size:21px}.typing-stage-desc{color:var(--text-muted);font-size:15px;line-height:1.45}.typing-stage-example{background:color-mix(in srgb,var(--stage-tone)16%,var(--bg-cream));text-align:center;border-radius:12px;margin-top:2px;padding:6px 10px;font-size:17px;font-weight:400}.typing-settings-body{gap:6px;padding-bottom:10px;display:grid}.typing-settings-label{color:var(--text-muted);font-size:15px}.typing-session-note{color:var(--text-muted);font-size:14px;line-height:1.6}.typing-options{flex-wrap:wrap;align-items:center;gap:6px 20px;display:flex}.typing-options label{cursor:pointer;align-items:center;gap:8px;min-height:48px;display:inline-flex}.typing-options input{width:22px;height:22px;accent-color:var(--garden-accent)}.typing-options select{border:2px solid var(--border-subtle);background:var(--surface-base);min-height:48px;color:var(--text-dark);border-radius:12px;padding:8px}.typing-input-choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.typing-input-choice button[aria-pressed=true]{background:var(--primary-yellow);border-color:var(--primary-orange)}.typing-input-choice p{color:var(--text-muted);flex-basis:100%;font-size:14px}.typing-hint-details summary{cursor:pointer;min-height:48px;color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}.typing-hint-details summary:before{content:"+";padding:0 6px;font-size:20px}.typing-hint-details[open] summary:before{content:"−"}.typing-hint-details summary .system-icon{width:18px;height:18px}.typing-hints{font-size:15px}.typing-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.typing-stage-chip{--stage-tone:var(--garden-accent);background:color-mix(in srgb,var(--stage-tone)28%,var(--surface-base));border:2px solid color-mix(in srgb,var(--stage-tone)55%,var(--surface-base));border-radius:999px;padding:8px 16px;font-size:17px}.typing-stage-chip[data-tone=green]{--stage-tone:var(--primary-green)}.typing-stage-chip[data-tone=yellow]{--stage-tone:var(--primary-yellow)}.typing-stage-chip[data-tone=pink]{--stage-tone:var(--primary-pink)}.typing-stage-chip[data-tone=orange]{--stage-tone:var(--primary-orange)}.typing-stage-chip[data-tone=purple]{--stage-tone:var(--primary-purple)}.typing-stage-chip[data-tone=blue]{--stage-tone:var(--primary-blue)}.typing-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.typing-steps li{background:var(--surface-muted);border:2px solid var(--border-subtle);border-radius:50%;width:18px;height:18px}.typing-steps li.is-done{background:var(--garden-petal);border-color:color-mix(in srgb,var(--garden-petal)70%,var(--text-dark))}.typing-steps li.is-rest{background:var(--surface-muted);border-style:dashed;border-color:var(--text-muted)}.typing-steps li.is-current{background:var(--primary-yellow);border-color:var(--primary-orange);animation:1.6s ease-in-out infinite typing-bob;transform:scale(1.25)}.typing-controls{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.typing-skip{color:var(--text-muted);font-size:15px}.typing-garden-bed{isolation:isolate;border:2px solid color-mix(in srgb,var(--garden-accent)25%,var(--border-subtle));background:url(/typing-garden/garden-scene.webp) center bottom/cover no-repeat,linear-gradient(180deg,var(--garden-sky)0 62%,color-mix(in srgb,var(--garden-sky)55%,var(--bg-cream))100%);border-radius:22px;flex-direction:column;flex:1 0 auto;justify-content:flex-end;padding:8px 12px 0;display:flex;position:relative;overflow:hidden}.typing-theme-sunset .typing-garden-bed:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-orange)45%,transparent),color-mix(in srgb,var(--primary-purple)30%,transparent));mix-blend-mode:multiply;position:absolute;inset:0}.typing-garden-row{flex:auto;justify-content:center;align-items:flex-end;gap:6px;min-height:0;display:flex}.typing-garden-plot{text-align:center;flex-direction:column;justify-content:flex-end;width:104px;max-width:18%;height:100%;display:flex}.typing-garden-plant{flex:44px;min-height:0;max-height:104px;display:block;position:relative}.typing-garden-plant img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.typing-garden-plot small{min-height:20px;color:var(--text-muted);text-shadow:0 1px 2px color-mix(in srgb,var(--surface-base)80%,transparent);font-size:13px;line-height:20px;display:block}.typing-garden-plot.is-empty .typing-garden-plant{opacity:.38}.typing-garden-plot.is-rest .typing-garden-plant{opacity:.7}.typing-garden-plot.is-grown small{color:var(--text-dark)}.typing-garden-plot.is-current small{color:var(--text-dark);background:var(--primary-yellow);border:2px solid var(--primary-orange);text-shadow:none;border-radius:10px;line-height:16px}.typing-garden-plot.is-current .typing-garden-plant{animation:1.6s ease-in-out infinite typing-marker-bob}.typing-garden-plot.is-grown .typing-garden-plant{animation:typing-sprout .6s var(--bounce)both;transform-origin:bottom}.typing-garden-plot.is-grown .typing-garden-plant:after{content:"";border:4px dashed color-mix(in srgb,var(--primary-yellow)85%,var(--primary-orange));border-radius:50%;animation:.9s ease-out both typing-sprinkles;position:absolute;inset:6% 6% 18%}@keyframes typing-sprout{0%{opacity:0;transform:scale(.2)translateY(30%)}60%{opacity:1;transform:scale(1.12)translateY(0)}to{transform:scale(1)}}@keyframes typing-sprinkles{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(1.9)}}@keyframes typing-marker-bob{50%{transform:translateY(-5px)}}@keyframes typing-bob{50%{transform:translateY(-5px)}}@keyframes typing-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes typing-burst{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes typing-char-fill{0%{transform:scale(1.35)}to{transform:scale(1)}}.typing-problem-content{flex-direction:column;flex:none;gap:10px;display:flex}.typing-problem-content[hidden]{display:none!important}.typing-play{flex-direction:column;justify-content:center;gap:8px;display:flex}.typing-question-card{text-align:center;background:linear-gradient(180deg,var(--bg-cream),color-mix(in srgb,var(--garden-accent)8%,var(--bg-cream)));border:2px solid color-mix(in srgb,var(--garden-accent)22%,var(--border-subtle));border-radius:22px;padding:12px 18px}.typing-target-card{justify-content:center;align-items:center;gap:20px;display:flex}.typing-word-image{object-fit:contain;background:var(--surface-base);border:3px solid color-mix(in srgb,var(--garden-accent)30%,var(--surface-base));border-radius:24px;flex-shrink:0;width:118px;height:118px;padding:6px}.typing-word-plant{justify-content:center;align-items:center;display:flex}.typing-target-main{justify-items:center;gap:6px;display:grid}.typing-target{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;line-height:1.15;display:flex}.typing-target-char{background:var(--surface-base);border:3px solid var(--border-subtle);min-width:1.15em;color:var(--text-dark);border-radius:16px;justify-content:center;align-items:center;padding:4px 8px;font-size:clamp(46px,5.4vw,68px);display:inline-flex}.typing-sentence .typing-target-char{border-radius:12px;padding:3px 6px;font-size:clamp(30px,3.6vw,46px)}.typing-target-char.is-typed{background:color-mix(in srgb,var(--primary-green)32%,var(--surface-base));border-color:var(--primary-green);animation:.22s ease-out typing-char-fill}.typing-target-char.is-wrong{background:var(--primary-yellow);border-color:var(--primary-orange);border-style:dashed}.typing-target-space{color:var(--text-muted);padding-inline:4px;font-size:clamp(20px,2vw,26px);display:inline-block}.typing-replay{min-height:44px;padding:6px 14px;font-size:15px}.typing-breakdown{color:var(--text-muted);padding-top:8px;font-size:17px}.typing-inline-guide{text-align:center;background:color-mix(in srgb,var(--primary-blue)12%,var(--surface-base));border:2px dashed color-mix(in srgb,var(--primary-blue)40%,var(--surface-base));border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;width:fit-content;max-width:100%;margin-inline:auto;padding:6px 14px;font-size:14px;line-height:1.45;display:flex}.typing-input-row{justify-content:center;gap:10px;display:flex}.typing-input-row>button{white-space:nowrap;flex-shrink:0}.typing-input-row input{border:3px solid color-mix(in srgb,var(--garden-accent)45%,var(--border-subtle));background:var(--surface-base);width:min(100%,520px);min-width:0;min-height:60px;color:var(--text-dark);text-align:center;border-radius:18px;padding:8px 16px;font-size:32px}.typing-input-row input::placeholder{color:var(--text-muted);font-size:20px}.typing-input-row input[aria-invalid=true]{border-color:var(--primary-orange);border-style:dashed}.typing-position-input{border:3px dashed color-mix(in srgb,var(--garden-accent)55%,var(--border-subtle));text-align:center;background:color-mix(in srgb,var(--garden-accent)8%,var(--surface-base));border-radius:18px;min-height:56px;padding:14px;font-size:20px}.typing-feedback{text-align:center;min-height:24px;color:var(--text-muted);font-size:15px}.typing-success{text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-yellow)26%,var(--surface-base)),var(--bg-cream));border:3px solid color-mix(in srgb,var(--primary-orange)40%,var(--surface-base));animation:typing-pop-in .3s var(--bounce)both;border-radius:24px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.typing-success-art{width:96px;height:96px;position:relative}.typing-success-art .typing-growth-art{z-index:1;animation:typing-pop-in .45s .1s var(--bounce)both;position:relative}.typing-success-pop{border:5px dashed var(--primary-orange);border-radius:50%;animation:.9s ease-out both typing-burst;position:absolute;inset:8px}.typing-success p{align-items:center;gap:8px;font-size:22px;display:flex}.typing-success .system-icon{width:26px;height:26px}.typing-next-button{padding:12px 28px;font-size:21px}.typing-keyboard-area{gap:6px;margin-top:auto;display:grid}.typing-next-key{min-height:34px;color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.typing-next-key b{color:var(--text-dark);background:var(--primary-yellow);border:2px solid var(--primary-orange);border-radius:12px;padding:2px 12px;font-size:22px}.typing-key-location{text-align:center;color:var(--text-muted);font-size:13px}.typing-keyboard{border:2px solid var(--border-subtle);background:var(--surface-muted);border-radius:18px;width:100%;max-width:750px;margin:0 auto;padding:6px 8px}.typing-keyboard-row{justify-content:center;gap:5px;padding:2px 0;display:flex}.typing-keyboard-row:nth-child(2){padding-left:18px}.typing-keyboard-row:nth-child(3){padding-right:26px}.typing-key{border:2px solid var(--border-subtle);background:var(--surface-base);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:59px;min-height:38px;padding:4px;display:flex;position:relative}.typing-key small{color:var(--text-muted);flex-direction:column;font-size:10px;display:flex}.typing-key b{font-size:20px;line-height:1}.typing-key i{font-size:7px;font-style:normal;position:absolute;top:0;right:2px}.typing-key.is-target{border-color:var(--text-dark);background:color-mix(in srgb,var(--garden-accent)25%,var(--surface-base))}.typing-key.is-next{outline:3px solid var(--text-dark);outline-offset:1px;background:var(--primary-yellow)}.typing-keyboard.is-emphasized .typing-key.is-target{border-style:dashed;border-width:3px}.typing-key-wide{max-width:80px;font-size:13px}.typing-space{max-width:330px;min-height:28px;font-size:13px}.typing-finger-guide{flex-wrap:wrap;justify-content:space-between;gap:5px;padding:8px;font-size:13px;display:flex}.typing-finger-guide small{text-align:center;flex-basis:100%}.typing-touch-keyboard{width:100%;max-width:880px;margin:0 auto;container:typing-keys/inline-size}.typing-touch-letters{border:2px solid color-mix(in srgb,var(--garden-accent)22%,var(--border-subtle));background:linear-gradient(180deg,var(--surface-muted),color-mix(in srgb,var(--garden-accent)7%,var(--surface-muted)));border-radius:20px;gap:6px;padding:10px;display:grid}.typing-touch-row{justify-content:center;gap:5px;display:flex}.typing-touch-key{border:2px solid color-mix(in srgb,var(--text-dark)12%,var(--border-subtle));background:var(--surface-base);min-width:48px;max-width:82px;min-height:56px;color:var(--text-dark);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-bottom-width:5px;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;padding:4px;transition:transform .1s,background-color .1s;display:flex;position:relative}.typing-touch-key b{font-size:30px;font-weight:400;line-height:1}.typing-touch-key i{color:var(--primary-orange);font-size:9px;font-style:normal;position:absolute;top:2px;right:5px}.typing-touch-key.is-target{border-color:color-mix(in srgb,var(--garden-accent)70%,var(--text-dark));background:color-mix(in srgb,var(--garden-accent)20%,var(--surface-base))}.typing-touch-key.is-next,.typing-touch-actions .is-next{border-color:var(--primary-orange);background:var(--primary-yellow);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-yellow)45%,transparent);animation:1.2s ease-in-out infinite typing-bob}.typing-touch-key:active:not(:disabled){background:var(--primary-yellow);border-bottom-width:2px;transform:translateY(3px)}.typing-touch-actions{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;display:flex}.typing-touch-actions .typing-button{touch-action:manipulation;min-width:48px;min-height:52px;padding:8px 14px;font-size:16px}.typing-touch-actions [aria-pressed=true]{background:var(--primary-yellow);border-color:var(--primary-orange)}.typing-touch-shift{background:color-mix(in srgb,var(--primary-purple)22%,var(--surface-base))}.typing-touch-erase{background:color-mix(in srgb,var(--primary-pink)18%,var(--surface-base))}.typing-touch-space{background:color-mix(in srgb,var(--primary-blue)16%,var(--surface-base));flex:1 0 120px}.typing-touch-move{color:var(--text-muted);flex:none;padding-inline:12px}.typing-touch-done{flex:none}.typing-garden-section[data-input-mode=touch] .typing-position-input{cursor:default}.typing-garden-section[data-input-mode=touch] .typing-input-row input{caret-color:var(--text-dark)}@container typing-keys (max-width:545px){.typing-touch-letters{gap:4px;padding:6px}.typing-touch-row{gap:3px}}@container typing-keys (max-width:519px){.typing-touch-letters{grid-template-columns:repeat(5,minmax(48px,1fr));gap:5px}.typing-touch-row{display:contents}.typing-touch-key{max-width:none}}@container typing-keys (max-width:280px){.typing-touch-letters{grid-template-columns:repeat(4,minmax(48px,1fr))}}.typing-pause{z-index:5;background:color-mix(in srgb,var(--bg-cream)88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:25px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.typing-pause-panel{text-align:center;background:var(--surface-base);border:3px solid var(--garden-accent);max-width:460px;box-shadow:var(--shadow-medium);border-radius:26px;justify-items:center;gap:12px;padding:24px;display:grid}.typing-pause-panel .typing-growth-art{width:72px;height:72px}.typing-pause-panel h2{font-size:26px}.typing-pause-panel p{color:var(--text-muted)}.typing-pause-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.typing-results{text-align:center;flex:1;align-content:center;justify-items:center;gap:14px;padding:20px 12px;display:grid}.typing-results h2{align-items:center;gap:10px;font-size:28px;display:flex}.typing-results h2 .system-icon{width:30px;height:30px;color:var(--primary-orange)}.typing-results .typing-garden-bed{width:min(100%,640px)}.typing-results .typing-garden-plot{width:112px}.typing-results .typing-garden-plot svg{min-height:96px;max-height:120px}.typing-result-counts{font-size:26px}.typing-result-counts b{color:var(--primary-orange);font-size:34px}.typing-result-counts span{color:var(--text-muted);font-size:18px}.typing-result-detail{color:var(--text-muted);max-width:640px;line-height:1.6}.typing-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.typing-result-actions>*{min-width:150px;font-size:19px}.typing-audio-status{text-align:center;color:var(--danger-text);font-size:15px}.typing-audio-status:empty{display:none}@media (min-width:1024px){.typing-garden-section[data-mode=playing] .typing-problem-content,.typing-garden-section[data-mode=success] .typing-problem-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(548px,1.35fr);align-items:center;gap:10px 18px;display:grid}.typing-inline-guide{grid-column:1/-1}.typing-keyboard-area{margin-top:0}}@media (max-width:1023px){.typing-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:700px) and (max-width:1023px){.typing-garden-card{gap:5px;padding:10px 14px 12px}.typing-garden-plot{width:88px}.typing-garden-plot small{min-height:17px;line-height:17px}.typing-word-image{width:88px;height:88px}.typing-target-char{font-size:46px}.typing-sentence .typing-target-char{font-size:32px}.typing-question-card{padding:8px 14px}.typing-inline-guide{padding:4px 10px;font-size:13px}.typing-keyboard-area{gap:4px}.typing-touch-actions{padding-top:6px}.typing-next-key{min-height:28px}.typing-feedback{min-height:20px}}@media (max-width:820px){.typing-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:800px) and (min-width:1024px){.typing-garden-section[data-mode=playing] .typing-play{grid-area:1/1/-1}.typing-garden-section[data-mode=playing] .typing-inline-guide{grid-area:1/2}.typing-garden-section[data-mode=playing] .typing-keyboard-area{grid-area:2/2}}@media (max-height:800px) and (min-width:700px){.typing-garden-card{gap:6px;padding:10px 14px 12px}.typing-garden-bed{padding-top:4px}.typing-garden-plot{width:92px}.typing-garden-plot small{min-height:17px;font-size:12px;line-height:17px}.typing-next-key{min-height:26px}.typing-keyboard-area{gap:4px}.typing-touch-actions{padding-top:6px}.typing-hint-details summary{min-height:44px}.typing-question-card{padding:8px 14px}.typing-target-char{font-size:46px}.typing-sentence .typing-target-char{font-size:34px}.typing-word-image{width:92px;height:92px}.typing-input-row input{min-height:52px;font-size:27px}.typing-key{min-height:31px;padding:2px}.typing-touch-key{min-height:50px}.typing-touch-key b{font-size:26px}.typing-keyboard{padding-block:2px}.typing-space{min-height:22px}}@media (max-width:699px){.typing-garden-list-section{padding-block:10px 8px}.typing-garden-card{border-radius:20px;gap:6px;padding:8px 8px 10px}.typing-touch-letters{gap:5px;padding:6px}.typing-next-key{min-height:26px}.typing-toolbar{flex-wrap:nowrap;gap:6px}.typing-stage-chip{padding:6px 10px;font-size:14px}.typing-steps{display:none}.typing-button{padding:8px 12px}.typing-hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding:14px}.typing-hero-text{justify-items:center}.typing-hero-art .typing-growth-art{width:50px;height:50px}.typing-garden-bed{padding:6px 8px 0}.typing-garden-row{gap:3px}.typing-garden-plot small{min-height:16px;font-size:11px;line-height:16px}.typing-stage{padding:12px}.typing-stage strong{font-size:19px}.typing-stage-top .typing-growth-art{width:44px;height:44px}.typing-target-card{gap:10px}.typing-word-image{border-radius:18px;width:74px;height:74px;padding:4px}.typing-target-char{border-radius:12px;padding:2px 6px;font-size:38px}.typing-sentence .typing-target-char{font-size:27px}.typing-question-card{padding:8px}.typing-breakdown{padding-top:6px;font-size:13px}.typing-inline-guide{padding:6px 10px;font-size:13px}.typing-input-row input{min-height:52px;padding:6px 10px;font-size:26px}.typing-feedback{min-height:19px;font-size:13px;line-height:1.4}.typing-position-input{padding:12px 8px;font-size:17px}.typing-keyboard{padding:5px 3px}.typing-keyboard-row{gap:2px}.typing-keyboard-row:nth-child(2){padding-left:6px}.typing-keyboard-row:nth-child(3){padding-right:6px}.typing-key{flex-direction:column;gap:1px;min-height:37px;padding:2px 0}.typing-key small{flex-direction:row;font-size:9px}.typing-key b{font-size:16px}.typing-key-wide{font-size:10px}.typing-space{max-width:180px;min-height:27px}.typing-touch-key{min-height:52px}.typing-touch-key b{font-size:26px}.typing-touch-actions{flex-wrap:nowrap;gap:4px}.typing-touch-actions .typing-button{min-height:48px;padding:8px 6px;font-size:14px}.typing-touch-space{flex:60px}.typing-touch-move{padding-inline:6px}.typing-touch-done .system-icon{display:none}.typing-next-key{min-height:30px;font-size:13px}.typing-next-key b,.typing-success p{font-size:19px}.typing-success-art{width:76px;height:76px}.typing-results{padding:14px 4px}.typing-results h2{font-size:22px}.typing-result-counts{font-size:21px}.typing-result-counts b{font-size:28px}.typing-result-actions>*{min-width:130px;font-size:17px}.typing-pause-panel{padding:18px}}@media (max-height:700px) and (min-width:700px){.typing-garden-section[data-mode=playing] .typing-problem-content,.typing-garden-section[data-mode=success] .typing-problem-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(640px,66%);align-items:center;gap:6px 14px;display:grid}.typing-play{grid-area:1/1/-1}.typing-inline-guide{grid-area:1/2;padding:4px 10px;font-size:13px}.typing-keyboard-area{grid-area:2/2;margin-top:0}.typing-garden-card{gap:4px;padding:6px 14px}.typing-question-card{padding:4px 12px}.typing-hint-details summary{min-height:44px}.typing-garden-bed{padding-top:4px}.typing-word-image{width:84px;height:84px}.typing-target-char{font-size:42px}.typing-sentence .typing-target-char{font-size:30px}.typing-input-row input{min-height:52px;font-size:27px}.typing-next-key{min-height:22px}.typing-feedback{min-height:19px}.typing-touch-actions{padding-top:4px}.typing-touch-actions .typing-button{min-height:48px}.typing-keyboard-area{gap:3px}.typing-next-key b{padding:1px 10px;font-size:18px}.typing-stage-chip{padding:6px 12px;font-size:16px}.typing-breakdown{padding-top:4px;font-size:13px}.typing-garden-plot small{min-height:16px;font-size:12px;line-height:16px}.typing-key{min-height:40px}.typing-keyboard-row{gap:3px}.typing-key b{font-size:19px}.typing-keyboard-row:nth-child(2){padding-left:5px}.typing-keyboard-row:nth-child(3){padding-right:5px}}@media (max-height:500px) and (min-width:700px){.typing-garden-section[data-mode=playing] .typing-garden-bed,.typing-garden-section[data-mode=success] .typing-garden-bed{padding-top:4px}.typing-garden-section[data-mode=playing] .typing-garden-plot small,.typing-garden-section[data-mode=success] .typing-garden-plot small{display:none}.typing-touch-actions{flex-wrap:nowrap;gap:4px}.typing-touch-actions .typing-button{padding:8px 6px;font-size:14px}.typing-touch-space{flex:60px}.typing-touch-done .system-icon{display:none}.typing-touch-key{min-height:46px}.typing-touch-key b{font-size:24px}.typing-breakdown{display:none}}@media (prefers-reduced-motion:reduce){.typing-garden-section,.typing-garden-section *{transition:none!important;animation:none!important}.typing-garden-sprinkles,.typing-success-pop{display:none}}.typing-garden-section[data-paused=true] .typing-problem-content *,.typing-garden-section[data-paused=true] .typing-garden-bed *{animation-play-state:paused!important}