@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-4{margin-right:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-full{max-width:100%}.min-w-\[2rem\]{min-width:2rem}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-x-auto{overflow-x:auto}.rounded-xl{border-radius:var(--radius-xl)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--card-border\)\]{border-color:var(--card-border)}.border-\[var\(--teal\)\]{border-color:var(--teal)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[var\(--coral\)\]{color:var(--coral)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--teal\)\]{color:var(--teal)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-none{--tw-outline-style:none;outline-style:none}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--teal\)\]:focus{--tw-ring-color:var(--teal)}@media (min-width:48rem){.md\:flex{display:flex}}}:root{--bg-cream:#fff9f0;--coral:#ff6b4a;--coral-deep:#ff7b54;--teal:#2ec4b6;--teal-deep:#26b5a8;--sunny:#ffd166;--sunny-deep:#f5c04a;--ink:#2d3142;--muted:#6b7280;--card-border:#2d31420f;--shadow-clay:0 12px 32px #2d31421a, 0 2px 8px #2d31420a;--font-sans:"Nunito", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-card:1.5rem}body{color:var(--ink);font-family:var(--font-sans);background:var(--bg-cream);min-height:100vh}.bg-home{background-color:var(--bg-cream);background-image:radial-gradient(42% 28% at 8% 18%,#2ec4b624,#0000),radial-gradient(38% 24% at 92% 12%,#ff6b4a1f,#0000),radial-gradient(36% 22% at 78% 72%,#ffd16629,#0000),url(/assets/typing-bg-home.png);background-position:top,top,top,top;background-repeat:no-repeat;background-size:cover,cover,cover,cover}.bg-practice{background:var(--bg-cream) url(/assets/typing-bg-practice.png) center top / cover no-repeat}.bg-game{background:var(--bg-cream) url(/assets/typing-bg-game.png) center top / cover no-repeat}.bg-games{background-color:var(--bg-cream);background-image:radial-gradient(40% 30% at 12% 20%,#ff6b4a1a,#0000),radial-gradient(36% 28% at 88% 15%,#2ec4b61f,#0000),radial-gradient(34% 26% at 75% 80%,#ffd16624,#0000),url(/assets/typing-bg-games-hub.png);background-position:top;background-repeat:no-repeat;background-size:cover}.bg-game-speed{background-color:var(--bg-cream);background-image:radial-gradient(50% 40% at 50% 0,#ff8c5a14,#0000),url(/assets/typing-bg-game-speed.png);background-position:top;background-repeat:no-repeat;background-size:cover}.bg-game-falling{background-color:var(--bg-cream);background-image:radial-gradient(50% 40% at 50% 0,#2ec4b614,#0000),url(/assets/typing-bg-game-falling.png);background-position:top;background-repeat:no-repeat;background-size:cover}.bg-game-survival{background-color:var(--bg-cream);background-image:radial-gradient(50% 40% at 50% 0,#ffd1661f,#0000),url(/assets/typing-bg-game-survival.png);background-position:top;background-repeat:no-repeat;background-size:cover}.game-page-shell{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);border:1px solid var(--card-border);background:#ffffffe6;padding:1.5rem}.games-page-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:900px){.games-page-grid{grid-template-columns:repeat(3,1fr)}}.game-hub-card{border-radius:var(--radius-card);color:inherit;box-shadow:var(--shadow-clay);background:#fff;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.game-hub-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #2d314224}.game-hub-card__art{aspect-ratio:4/3;position:relative;overflow:hidden}.game-hub-card__img{object-fit:cover;object-position:center center}.game-hub-card__body{border-top:3px solid var(--coral);flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem 1.35rem;display:flex}.game-hub-card--teal .game-hub-card__body{border-top-color:var(--teal)}.game-hub-card--sunny .game-hub-card__body{border-top-color:var(--sunny-deep)}.game-hub-card__title{color:var(--ink);font-size:1.15rem;font-weight:900}.game-hub-card__desc{color:var(--muted);flex:1;font-size:.85rem;line-height:1.45}.game-hub-card__cta{background:var(--coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin-top:.65rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:800;display:inline-flex}.game-hub-card--teal .game-hub-card__cta{background:var(--teal)}.game-hub-card--sunny .game-hub-card__cta{background:var(--sunny-deep);color:var(--ink)}.container-main{width:min(1180px,94vw);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--card-border);background:#ffffffeb;position:sticky;top:0;box-shadow:0 4px 24px #2d31420a}.site-logo{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.site-logo__icon{box-shadow:var(--shadow-clay);border-radius:12px}.site-logo__text{flex-direction:column;line-height:1.2;display:flex}.site-logo__name{color:var(--coral);font-size:1.05rem;font-weight:800}.site-logo__tag{color:var(--muted);font-size:.65rem;font-weight:600}.site-nav{gap:.25rem}.nav-pill{color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;padding:.5rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav-pill:hover,.nav-pill.active{background:var(--coral);color:#fff}.lang-switch{border:2px solid var(--teal);min-width:44px;min-height:44px;color:var(--teal);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.home-hero{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:900px){.home-hero{grid-template-columns:1.35fr 1fr;align-items:stretch}}.hero-banner{border-radius:var(--radius-card);min-height:300px;box-shadow:var(--shadow-clay);background:#fff;position:relative;overflow:hidden}.hero-banner__bg{object-fit:cover;object-position:65% center}.hero-banner__body{z-index:1;background:0 0;flex-direction:column;justify-content:center;max-width:52%;min-height:300px;padding:2rem;display:flex;position:relative}.hero-banner__title{color:var(--coral);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.15}.hero-banner__en{color:var(--ink);margin-top:.25rem;font-size:1.1rem;font-weight:800}.hero-banner__motto{color:var(--muted);margin-top:.75rem;font-size:.95rem}.fingers-intro-card{border-radius:var(--radius-card);min-height:300px;box-shadow:var(--shadow-clay);text-decoration:none;transition:transform .2s;display:block;position:relative;overflow:hidden}.fingers-intro-card:hover{transform:translateY(-4px)}.fingers-intro-card__bg{object-fit:cover;object-position:center;z-index:0}.fingers-intro-card__copy{z-index:1;color:#fff;width:36%;max-width:210px;position:absolute;top:17%;left:7%}.fingers-intro-card__title{text-shadow:0 1px 10px #2d31422e;font-size:1.3rem;font-weight:900;line-height:1.25}.fingers-intro-card__desc{text-shadow:0 1px 6px #2d31421f;margin-top:.45rem;font-size:.82rem;line-height:1.45}.fingers-intro-card__footer{z-index:1;justify-content:space-between;align-items:flex-end;gap:.5rem;width:42%;max-width:240px;display:flex;position:absolute;bottom:1.35rem;left:1.35rem}.fingers-intro-card__btn{color:var(--coral);background:#fff;border-radius:999px;flex-shrink:0;padding:.5rem 1.15rem;font-size:.85rem;font-weight:800;display:inline-flex}@media (max-width:640px){.fingers-intro-card__copy{width:52%;max-width:none;top:14%;left:6%}.fingers-intro-card__footer{width:88%;bottom:1rem;left:6%}}@media (min-width:900px){.fingers-intro-card__copy{width:34%;top:18%;left:8%}}.hero-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;min-height:280px;padding:2rem;position:relative;overflow:hidden}.hero-panel__title{color:var(--coral);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;line-height:1.15}.hero-panel__en{color:var(--ink);margin-top:.25rem;font-size:1.1rem;font-weight:800}.hero-panel__motto{color:var(--muted);margin-top:.75rem;font-size:.95rem}.hero-panel__art-wrap{pointer-events:none;background:#fff;justify-content:center;align-items:flex-end;width:min(52%,340px);height:75%;display:flex;position:absolute;bottom:0;right:.5rem}.hero-illustration{width:100%;height:auto;max-height:100%}.bento-card{border-radius:var(--radius-card);color:inherit;box-shadow:var(--shadow-clay);min-height:168px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.bento-card--coral{background:linear-gradient(135deg, var(--coral-deep), var(--coral))}.bento-card--teal{background:linear-gradient(135deg, var(--teal), var(--teal-deep))}.bento-card--sunny{background:linear-gradient(135deg, var(--sunny), var(--sunny-deep))}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #2d314224}.bento-card--tall{min-height:300px}.home-practice-row .bento-card{min-height:190px}@media (max-width:640px){.bento-card__content{width:72%}}.bento-card__bg{object-fit:cover;object-position:center}.bento-card__media{z-index:0;position:absolute;inset:0}.bento-card--bg-right .bento-card__media{left:42%}.bento-card--bg-right .bento-card__content{background:0 0;width:46%;min-height:100%}.bento-card__content{z-index:2;flex-direction:column;justify-content:space-between;width:min(68%,320px);min-height:168px;padding:1.35rem;display:flex;position:relative}.bento-card--coral .bento-card__content{color:#fff;background:linear-gradient(90deg,#ff6b4af5 0%,#ff6b4ae0 55%,#ff6b4a00 100%)}.bento-card--bg-right.bento-card--coral .bento-card__content{background:0 0}.bento-card--teal .bento-card__content{color:#fff;background:linear-gradient(90deg,#2ec4b6f5 0%,#2ec4b6d9 55%,#2ec4b600 100%)}.bento-card--sunny .bento-card__content{color:var(--ink);background:linear-gradient(90deg,#ffd166f7 0%,#ffd166e0 55%,#ffd16600 100%)}.bento-card--white .bento-card__content{background:linear-gradient(90deg,#fffffff7 50%,#ffffff59 100%);width:100%}.bento-card__title{font-size:1.25rem;font-weight:900}.bento-card__desc{opacity:.92;max-width:14rem;margin-top:.35rem;font-size:.85rem}.bento-card__cta{color:var(--coral);background:#fff;border-radius:999px;align-items:center;gap:.35rem;width:fit-content;margin-top:1rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:800;display:inline-flex}.bento-card--teal .bento-card__cta{color:var(--teal-deep)}.bento-card--sunny .bento-card__cta{color:var(--ink)}.bento-card--coral .bento-card__cta{color:var(--coral)}.bento-card__footer{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;display:flex}.home-grid{gap:1.25rem;display:grid}.home-intro{background:#ffffffb8;border:1px solid #0f172a14;border-radius:1rem;padding:1rem 1.25rem}.home-intro__text{color:var(--text-secondary,#475569);margin:0;line-height:1.7}.home-intro__link{color:var(--brand,#0d9488);margin-top:.75rem;font-weight:600;display:inline-block}.home-path{background:#ffffff8c;border:1px solid #0f172a0f;border-radius:1rem;padding:1rem 1.25rem}.home-path__title{margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.home-path__steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.home-path__steps li a{color:inherit;background:#ffffffd9;border:1px solid #0f172a0f;border-radius:.75rem;flex-direction:column;gap:.15rem;padding:.65rem .75rem;text-decoration:none;transition:border-color .15s;display:flex}.home-path__steps li a:hover{border-color:#0d948859}.home-path__steps strong{font-size:.95rem}.home-path__steps span{color:var(--text-secondary,#64748b);font-size:.8rem}.home-practice-row{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.home-practice-row{grid-template-columns:1fr 1fr}}.home-bottom{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:900px){.home-bottom{grid-template-columns:1.4fr 1fr}}.games-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.game-card{aspect-ratio:3/4;color:#fff;min-height:200px;box-shadow:var(--shadow-clay);border-radius:1.25rem;text-decoration:none;transition:transform .2s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-3px)}.game-card__bg{object-fit:cover;object-position:center center}.game-card__overlay{z-index:1;background:linear-gradient(#0000 30%,#00000014 55%,#0000008c 100%);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.game-card__title{font-size:1rem;font-weight:900}.game-card__btn{opacity:.95;margin-top:.5rem;font-size:.75rem;font-weight:700}.leaderboard-card{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;height:100%;padding:1.25rem}.leaderboard-card__head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.leaderboard-card__title{font-size:1.15rem;font-weight:900}.leaderboard-more{color:var(--coral);font-size:.85rem;font-weight:700;text-decoration:none}.leaderboard-empty{color:var(--muted);font-size:.9rem}.podium{justify-content:center;align-items:flex-end;gap:.75rem;min-height:140px;margin-bottom:1rem;display:flex}.podium-slot{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:100px;display:flex}.podium-slot--1{order:2}.podium-slot--2{order:1}.podium-slot--3{order:3}.podium-avatar{width:52px;height:52px;box-shadow:var(--shadow-clay);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.podium-slot--1 .podium-avatar{width:64px;height:64px}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.35rem;font-size:.72rem;font-weight:700;overflow:hidden}.podium-score{color:var(--coral);font-size:.8rem;font-weight:900}.podium-rank{color:var(--muted);font-size:.65rem;font-weight:700}.leaderboard-list{border-top:1px solid var(--card-border);margin:0;padding:.75rem 0 0;list-style:none}.leaderboard-list li{align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;display:flex}.leaderboard-rank{width:1.25rem;color:var(--muted);font-weight:800}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.leaderboard-pts{color:var(--coral);font-weight:800}.section-head{margin-bottom:.75rem}.section-head h2{font-size:1.2rem;font-weight:900}.section-head p{color:var(--muted);font-size:.85rem}.btn-primary{background:linear-gradient(180deg, var(--coral-deep), var(--coral));color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 6px 20px #ff6b4a59}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:2px solid var(--teal);color:var(--teal);cursor:pointer;background:#fff;border-radius:999px;align-items:center;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.bento-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#ffffffeb;padding:1.5rem}.typing-display{font-family:var(--font-mono);font-size:1.35rem;line-height:2}.char-correct{color:var(--teal-deep);background:#2ec4b626;border-radius:4px}.char-wrong{color:#fff;background:var(--coral);border-radius:4px}.char-pending{color:var(--muted)}.char-current{border-bottom:3px solid var(--coral);animation:1s step-end infinite blink}@keyframes blink{50%{border-color:#0000}}.stat-pill{border:1px solid var(--card-border);background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000a}.combo-flame{color:var(--coral);animation:.5s ease-in-out infinite alternate pulse-flame}@keyframes pulse-flame{0%{transform:scale(1)}to{transform:scale(1.06)}}.progress-ring{width:72px;height:72px}.progress-ring--light circle:last-of-type{stroke:#fff}.progress-ring--light text{fill:#fff}.keyboard-key{fill:#f0ebe3;stroke:#d5d0c8;stroke-width:1px}.keyboard-key.active{fill:#3d7fbf;stroke:#3d7fbf}.keyboard-key.finger-left{fill:#ff6b4a40}.keyboard-key.finger-right{fill:#2ec4b640}.finger-kb{--kb-scale:min(1.23457, calc((100vw - 32px) / 648px));justify-content:center;width:100%;padding:.75rem 0;display:flex;overflow:visible}.finger-kb__container{width:648px;transform:scale(var(--kb-scale));transform-origin:top;margin-bottom:calc(72px * var(--kb-scale));-webkit-user-select:none;user-select:none;font-family:var(--font-body,system-ui, sans-serif);background:#efefef;border:1px solid #d1d1d1;border-radius:3px;flex-direction:column;gap:2px;padding:4px;display:flex;position:relative;overflow:visible}.finger-kb__row{gap:2px;display:grid}.finger-kb__row--1{grid-template-columns:repeat(13,42px) 66px}.finger-kb__row--2{grid-template-columns:66px repeat(13,42px)}.finger-kb__row--3{grid-template-columns:76px repeat(11,42px) 76px}.finger-kb__row--4{grid-template-columns:98px repeat(10,42px) 98px}.finger-kb__row--5{grid-template-columns:42px 42px 74px 310px 74px 42px 42px}.finger-kb__key{color:#374151;background:#fff;border:1px solid #d1d1d1;border-radius:3px;justify-content:center;align-items:center;height:42px;font-size:.9em;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative}.finger-kb__key--mod{color:#6b7280;background:#fff;font-size:.72em}.finger-kb__key--tl{justify-content:flex-start;align-items:flex-start;padding:4px 0 0 6px}.finger-kb__key--br{justify-content:flex-end;align-items:flex-end;padding:0 6px 4px 0}.finger-kb__letter{pointer-events:none;font-size:1em;font-weight:600;line-height:1;position:absolute;top:3px;left:5px}.finger-kb__key--active .finger-kb__letter{color:#fff}.finger-kb__key--active{color:#fff;background:#0086d2;border-color:#0086d2}.finger-kb__key--left{background:#ff6b4a1f}.finger-kb__key--right{background:#2ec4b61f}.finger-kb__key--left.finger-kb__key--active,.finger-kb__key--right.finger-kb__key--active{background:#0086d2}.finger-kb__hands{pointer-events:none;--hand-nudge-x:-130px;--hand-nudge-y:-65px;width:666px;height:345px;transform:translate(var(--hand-nudge-x), var(--hand-nudge-y)) scale(1.4);transform-origin:0 0;z-index:3;position:absolute;top:0;left:0}.finger-kb__hand-layer{position:absolute}.finger-kb__hand-layer img{width:auto;max-width:none;height:auto;display:block}.finger-char-seq{flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%;max-width:780px;margin-inline:auto;display:flex}.finger-char-seq__item{min-width:2.5rem;min-height:2.85rem;font-family:var(--font-mono);text-transform:lowercase;color:var(--ink);background:#fff;border:2px solid #2d31421f;border-radius:.65rem;justify-content:center;align-items:center;padding:.3rem .55rem;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2d31420f}.finger-char-seq__item--active{border-color:#3d7fbf;box-shadow:0 0 0 3px #3d7fbf2e}.finger-char-seq__item--done{color:var(--muted);background:#2ec4b614;border-color:#2ec4b659}.finger-lesson__key-inline{color:#fff;min-width:2rem;font-family:var(--font-mono);background:#3d7fbf;border-radius:.5rem;justify-content:center;align-items:center;margin:0 .15rem;padding:.1rem .45rem;font-weight:800;display:inline-flex}.fingers-curriculum__heading{color:var(--ink);border-left:4px solid var(--sunny);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.85rem;padding-left:.5rem;font-size:1.15rem;font-weight:800;display:flex}.fingers-curriculum__count{color:var(--muted);font-size:.75rem;font-weight:600}.fingers-curriculum__grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.7rem;max-height:none;display:grid}.fingers-curriculum__grid--classroom-en,.fingers-curriculum__grid--classroom-zh{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.7rem}.fingers-curriculum__grid--advanced-chinese,.fingers-curriculum__grid--advanced-english{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.85rem}.fingers-curriculum__grid--classroom-en .finger-lesson-card--dialogue{grid-column:span 1}@media (min-width:640px){.fingers-curriculum__grid--classroom-en{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.fingers-curriculum__grid--advanced-chinese,.fingers-curriculum__grid--advanced-english{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.finger-lesson-card{color:inherit;background:#fff;border:1.5px solid #0000000f;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:140px;padding:1.5rem .7rem 1rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.finger-lesson-card:before{content:"";border-radius:0 0 3px 3px;width:3px;height:0;transition:height .2s;position:absolute;top:0;left:0}.finger-lesson-card:hover:before{height:100%}.finger-lesson-card:hover{border-color:#0000001a;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a}.finger-lesson-card[data-done=true]{background:linear-gradient(135deg,#f0fdf9 0%,#ecfdf5 100%);border-color:#2ec4b666}.finger-lesson-card[data-done=true]:after{content:"✓";color:#fff;background:#2ec4b6;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem}.finger-lesson-card__num{color:#00000040;letter-spacing:.02em;font-size:.6rem;font-weight:700;position:absolute;top:.5rem;left:.55rem}.finger-lesson-card__type{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.55rem;font-weight:800}.finger-lesson-card__type[data-type=learn]{color:var(--teal);background:#2ec4b61f}.finger-lesson-card__type[data-type=practice]{color:var(--coral);background:#ff6b4a1f}.finger-lesson-card__type[data-type=review]{color:#b8860b;background:#ffd16640}.finger-lesson-card__type[data-type=game]{color:#7b1fa2;background:#7b1fa21a}.finger-lesson-card[data-type=learn]:before{background:var(--teal)}.finger-lesson-card[data-type=practice]:before{background:var(--coral)}.finger-lesson-card[data-type=review]:before{background:var(--sunny)}.finger-lesson-card[data-type=game]:before{background:#7b1fa2}.finger-lesson-card--classroom:before{background:var(--coral)}.finger-lesson-card--chinese:before{background:#2e7d32}.finger-lesson-card--english:before{background:#283593}.finger-lesson-card__keys{font-family:var(--font-mono);letter-spacing:.08em;color:var(--coral);text-transform:lowercase;font-size:.95rem;font-weight:700}.finger-lesson-card__title{text-align:center;color:var(--ink);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.85rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.finger-lesson-card__author{color:#00000073;text-align:center;letter-spacing:.01em;font-size:.68rem;font-weight:500}.finger-lesson-card__count{color:#00000059;letter-spacing:.03em;margin-top:.15rem;font-size:.58rem;font-weight:600}.finger-lesson-card__progress-wrap{background:#0000000a;border-radius:0 0 1.25rem 1.25rem;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.finger-lesson-card__progress-bar{background:var(--teal);border-radius:0 0 0 1.25rem;height:100%;transition:width .4s}.finger-lesson-card--words .finger-lesson-card__preview{color:var(--coral);text-align:center;margin-bottom:.1rem;font-size:1.2rem;font-weight:800}.finger-lesson-card--dialogue .finger-lesson-card__preview{color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.finger-lesson-card--sayings .finger-lesson-card__preview{color:var(--coral);text-align:center;font-size:.7rem;font-weight:700}.advanced-chinese-card{text-align:center;color:inherit;background:#fefdfb;border:1px dashed #0000001a;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:140px;padding:1.5rem .6rem 1.2rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.advanced-chinese-card:hover{border-color:#0003;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.advanced-chinese-card[data-done=true]{background:#f8fffe;border-style:solid;border-color:#2ec4b666}.advanced-chinese-card[data-done=true]:after{content:"✓";color:#fff;background:#2ec4b6;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.5rem;font-weight:700;display:flex;position:absolute;top:.4rem;right:.4rem}.advanced-chinese-card__badge{letter-spacing:.03em;color:#0006;background:#0000000a;border-radius:.25rem;padding:.1rem .4rem;font-size:.5rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.advanced-chinese-card__num{color:#0003;font-size:.5rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.advanced-chinese-card__author{color:#0006;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:.05rem;font-size:.68rem;font-weight:500;overflow:hidden}.advanced-chinese-card__title{text-align:center;color:var(--ink);-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;max-width:100%;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.advanced-chinese-card__count{color:#0000004d;margin-top:.15rem;font-size:.55rem;font-weight:500}.advanced-chinese-card__progress-wrap{background:#00000008;border-radius:0 0 .75rem .75rem;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.advanced-chinese-card__progress-bar{border-radius:0 0 0 .75rem;height:100%;transition:width .4s}.advanced-chinese-card--classical-prose .advanced-chinese-card__title{color:#5d4037}.advanced-chinese-card--classical-prose .advanced-chinese-card__badge{color:#6d4c41;background:#8d6e631a}.advanced-chinese-card--classical-prose .advanced-chinese-card__progress-bar{background:#8d6e63}.advanced-chinese-card--classical-prose:hover{border-color:#8d6e634d}.advanced-chinese-card--tang-song-poetry .advanced-chinese-card__title{color:#c62828}.advanced-chinese-card--tang-song-poetry .advanced-chinese-card__badge{color:#c62828;background:#c6282814}.advanced-chinese-card--tang-song-poetry .advanced-chinese-card__progress-bar{background:#c62828}.advanced-chinese-card--tang-song-poetry:hover{border-color:#c628284d}.advanced-chinese-card--mao-quotes .advanced-chinese-card__title{color:#b71c1c}.advanced-chinese-card--mao-quotes .advanced-chinese-card__badge{color:#b71c1c;background:#b71c1c14}.advanced-chinese-card--mao-quotes .advanced-chinese-card__progress-bar{background:#b71c1c}.advanced-chinese-card--mao-quotes:hover{border-color:#b71c1c4d}.advanced-chinese-card--modern-classics .advanced-chinese-card__title{color:#7b1fa2}.advanced-chinese-card--modern-classics .advanced-chinese-card__badge{color:#7b1fa2;background:#7b1fa214}.advanced-chinese-card--modern-classics .advanced-chinese-card__progress-bar{background:#7b1fa2}.advanced-chinese-card--modern-classics:hover{border-color:#7b1fa24d}.advanced-chinese-card--famous-quotes .advanced-chinese-card__title{color:#283593}.advanced-chinese-card--famous-quotes .advanced-chinese-card__badge{color:#283593;background:#28359314}.advanced-chinese-card--famous-quotes .advanced-chinese-card__progress-bar{background:#283593}.advanced-chinese-card--famous-quotes:hover{border-color:#2835934d}.advanced-chinese-card--idiom-stories .advanced-chinese-card__title{color:#00695c}.advanced-chinese-card--idiom-stories .advanced-chinese-card__badge{color:#00695c;background:#00695c14}.advanced-chinese-card--idiom-stories .advanced-chinese-card__progress-bar{background:#00695c}.advanced-chinese-card--idiom-stories:hover{border-color:#00695c4d}.advanced-chinese-card--classic-essays .advanced-chinese-card__title{color:#2e7d32}.advanced-chinese-card--classic-essays .advanced-chinese-card__badge{color:#2e7d32;background:#2e7d3214}.advanced-chinese-card--classic-essays .advanced-chinese-card__progress-bar{background:#2e7d32}.advanced-chinese-card--classic-essays:hover{border-color:#2e7d324d}.advanced-chinese-card--modern-quotes .advanced-chinese-card__title{color:#455a64}.advanced-chinese-card--modern-quotes .advanced-chinese-card__badge{color:#546e7a;background:#37474f14}.advanced-chinese-card--modern-quotes .advanced-chinese-card__progress-bar{background:#546e7a}.advanced-chinese-card--modern-quotes:hover{border-color:#37474f4d}.advanced-chinese-card--classic-prose .advanced-chinese-card__title{color:#1565c0}.advanced-chinese-card--classic-prose .advanced-chinese-card__badge{color:#1565c0;background:#1565c014}.advanced-chinese-card--classic-prose .advanced-chinese-card__progress-bar{background:#1565c0}.advanced-chinese-card--classic-prose:hover{border-color:#1565c04d}.advanced-chinese-card--speeches .advanced-chinese-card__title{color:#6a1b9a}.advanced-chinese-card--speeches .advanced-chinese-card__badge{color:#6a1b9a;background:#6a1b9a14}.advanced-chinese-card--speeches .advanced-chinese-card__progress-bar{background:#6a1b9a}.advanced-chinese-card--speeches:hover{border-color:#6a1b9a4d}.advanced-chinese-card--movie-quotes .advanced-chinese-card__title{color:#e65100}.advanced-chinese-card--movie-quotes .advanced-chinese-card__badge{color:#e65100;background:#e6510014}.advanced-chinese-card--movie-quotes .advanced-chinese-card__progress-bar{background:#e65100}.advanced-chinese-card--movie-quotes:hover{border-color:#e651004d}.finger-lesson__panel{max-width:820px;margin-inline:auto}.finger-lesson__target{justify-content:center;display:flex}.finger-lesson__key-badge{color:#fff;min-width:4.5rem;min-height:4.5rem;font-family:var(--font-mono);text-transform:uppercase;background:linear-gradient(#5b9fd4 0%,#3d7fbf 100%);border-radius:1rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:2.5rem;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #3d7fbf59}.finger-lesson__nav{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.lesson-type-pill[data-type=learn]{background:#ffd16659}.lesson-type-pill[data-type=game]{background:#ff6b4a33}.lesson-type-pill[data-type=review]{background:#2ec4b633}.lesson-result-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9f0e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lesson-result{border:1px solid var(--card-border);width:min(920px,96vw);box-shadow:var(--shadow-clay);background-color:#fff;background-image:linear-gradient(#2d314208 1px,#0000 1px),linear-gradient(90deg,#2d314208 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:1.75rem;padding:1.75rem}.lesson-result__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.lesson-result__title{color:var(--ink);font-size:1.75rem;font-weight:900}.lesson-result__subtitle{color:var(--muted);margin-top:.35rem;font-size:.95rem}.lesson-result__stars{gap:.35rem;font-size:1.75rem;line-height:1;display:flex}.lesson-result__star{color:#e5e7eb}.lesson-result__star--on{color:#f5c04a;text-shadow:0 2px 6px #f5c04a73}.lesson-result__grid{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}@media (max-width:720px){.lesson-result__grid{grid-template-columns:1fr}}.lesson-result__accuracy{background:linear-gradient(145deg,#ffd166 0%,#f5c04a 100%);border-radius:1.25rem;min-height:220px;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.lesson-result__accuracy:after{content:"";border:14px solid #ffffff40;border-radius:50%;width:120px;height:120px;position:absolute;top:-20px;right:-20px}.lesson-result__card-label{color:#2d3142bf;align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.lesson-result__big-num{color:var(--ink);margin-top:.75rem;font-size:4rem;font-weight:900;line-height:1}.lesson-result__badge{background:#ffffffbf;border-radius:999px;margin-top:.75rem;padding:.35rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.lesson-result__hint{color:#2d3142a6;margin-top:.65rem;font-size:.82rem}.lesson-result__side{flex-direction:column;gap:1rem;display:flex}.lesson-result__speed{background:linear-gradient(145deg,#b8e8f0 0%,#9fd9e8 100%);border-radius:1.25rem;flex:1;padding:1.1rem 1.25rem}.lesson-result__speed-num{color:var(--ink);margin-top:.5rem;font-size:2.75rem;font-weight:900;line-height:1}.lesson-result__speed-num span{margin-left:.35rem;font-size:1rem;font-weight:700}.lesson-result__mini-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.lesson-result__mini{border:1px solid var(--card-border);background:#fff;border-radius:1rem;padding:.85rem 1rem}.lesson-result__mini-num{color:var(--ink);margin-top:.45rem;font-size:1.35rem;font-weight:800}.lesson-result__foot{border-top:1px solid var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.35rem;padding-top:1.25rem;display:flex}.lesson-result__foot-title{color:var(--ink);font-weight:800}.lesson-result__foot-desc{color:var(--muted);margin-top:.25rem;font-size:.85rem}.lesson-result__kbd-row{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.lesson-result__kbd{border:1px solid var(--card-border);color:var(--muted);background:#fff;border-radius:.45rem;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.lesson-result__actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.lesson-result__report{border:1px solid var(--card-border);color:var(--ink);background:#fff;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none}.site-footer{border-top:1px solid var(--card-border);background:#fff;margin-top:3rem}.footer-features{background:linear-gradient(180deg, #fff 0%, var(--bg-cream) 100%);border-bottom:1px solid var(--card-border);padding:1.25rem 0}.footer-features__grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.footer-features__grid{grid-template-columns:repeat(4,1fr)}}.footer-feature{color:var(--ink);align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.footer-feature svg{color:var(--teal);flex-shrink:0}.footer-link{color:var(--muted);text-decoration:none}.footer-link:hover{color:var(--coral)}.page-hero-bar{border-bottom:1px solid var(--card-border);margin-bottom:1.5rem;padding-bottom:1rem}.legal-doc__section{margin-bottom:1.5rem}.legal-doc__section h2{color:var(--ink);margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.legal-doc__section p{color:var(--ink-soft);margin-bottom:.75rem;line-height:1.7}.guides-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.guide-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.guide-card:hover{border-color:var(--teal);box-shadow:0 4px 12px #0000000f}.guide-card__title{color:var(--ink);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.guide-card__desc{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;line-height:1.5}.guide-card__date{color:var(--muted);font-size:.75rem}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{border:1px solid var(--card-border);background:#ffffffbf;border-radius:.75rem;overflow:hidden}.faq-item__q{cursor:pointer;padding:1rem 1.25rem;font-weight:600;line-height:1.5;list-style:none}.faq-item__q::-webkit-details-marker{display:none}.faq-item[open] .faq-item__q{border-bottom:1px solid var(--card-border);color:var(--coral)}.faq-item__a{color:var(--ink-soft);margin:0;padding:1rem 1.25rem;line-height:1.7}.guide-breadcrumb{margin-bottom:.5rem;font-size:.875rem}.guide-breadcrumb a{color:var(--coral);text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}.falling-word{border:2px solid var(--teal);font-family:var(--font-mono);background:#fff;border-radius:.5rem;padding:.35rem .75rem;font-weight:600;position:absolute}.game-ready{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.game-ready__preview{pointer-events:none;width:100%;max-width:720px;height:200px}.game-ready__ship{font-size:2.5rem;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.game-ready__tip{max-width:28rem;color:var(--muted);font-size:.9rem;line-height:1.5}.game-play--shake{animation:.3s game-shake}@keyframes game-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.game-hud{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.stat-pill--accent{color:var(--coral);background:#ff6b4a26;font-weight:800}.game-stage{width:100%;height:min(52vh,420px);min-height:300px;box-shadow:var(--shadow-clay);cursor:text;background-color:#1a1a2e;background-position:50%;background-size:cover;border:3px solid #fff9;border-radius:1.25rem;position:relative;overflow:hidden}.game-stage--space{background-image:url(/assets/games/game-arena-space.png)}.game-stage--blocks{background-image:url(/assets/games/game-arena-blocks.png)}.game-stage--castle{background-image:url(/assets/games/game-arena-castle.png)}.game-stage__player{z-index:5;filter:drop-shadow(0 4px 8px #00000059);font-size:clamp(2rem,5vw,3rem);animation:2s ease-in-out infinite game-float;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.game-player{z-index:8;pointer-events:none;flex-direction:column;align-items:center;transition:left .15s ease-out;display:flex;position:absolute;bottom:3%;transform:translate(-50%)}.game-player__img{object-fit:contain;filter:drop-shadow(0 6px 14px #00000073);background:0 0;width:clamp(56px,12vw,76px);height:auto}.game-player--fire .game-player__img{animation:.22s ease-out game-player-recoil}.game-player__muzzle{background:radial-gradient(circle,#fff 0%,#ffd166 40%,#0000 70%);border-radius:50%;width:14px;height:14px;animation:.22s ease-out forwards game-muzzle;position:absolute;top:-6px;box-shadow:0 0 16px #ff6b4a,0 0 28px #ffd166}@keyframes game-player-recoil{0%{transform:translateY(0)}40%{transform:translateY(4px)scale(.96)}to{transform:translateY(0)}}@keyframes game-muzzle{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.game-stage__castle{z-index:3;filter:drop-shadow(0 4px 10px #0003);font-size:clamp(2.5rem,6vw,4rem);position:absolute;bottom:18%;left:2%}@keyframes game-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.game-ufo,.game-plane{z-index:4;flex-direction:column;align-items:center;transition:filter .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-ufo--active,.game-plane--active{filter:drop-shadow(0 0 12px #ffd166e6)}.game-ufo__img,.game-plane__img{object-fit:contain;background:0 0;width:58px;height:auto}.game-ufo__word,.game-plane__word{border:2px solid var(--coral);font-family:var(--font-mono);white-space:nowrap;background:#fffffff2;border-radius:999px;margin-bottom:.15rem;padding:.2rem .55rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #0003}.game-ufo__char--done,.game-plane__char--done{color:var(--teal)}.game-ufo__char--cur,.game-plane__char--cur{background:var(--coral);color:#fff;border-radius:3px;padding:0 2px}.game-boom{z-index:10;pointer-events:none;font-size:2rem;animation:.55s ease-out forwards game-boom;position:absolute;transform:translate(-50%,-50%)}@keyframes game-boom{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.game-stage__turret{font-size:clamp(2rem,5vw,2.75rem)!important}.game-bullet{z-index:7;pointer-events:none;background:linear-gradient(#fff 0%,#ffd166 45%,#ff6b4a 100%);border-radius:4px;width:8px;height:22px;margin-top:-11px;margin-left:-4px;position:absolute;box-shadow:0 0 10px #ff6b4af2,0 0 18px #ffd16699}.game-bullet:after{content:"";background:radial-gradient(circle,#ffd166cc 0%,#0000 70%);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.game-char-drop{z-index:4;width:2.6rem;height:2.6rem;font-family:var(--font-mono);border:3px solid var(--coral);background:#fffffff5;border-radius:.65rem;justify-content:center;align-items:center;font-size:1.35rem;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000038}.game-char-drop--teal{border-color:var(--teal);color:var(--teal-deep)}.game-char-drop--sunny{border-color:var(--sunny-deep);color:#b8860b}.game-char-drop--coral{border-color:var(--coral);color:var(--coral-deep)}.game-char-drop--pop{animation:.22s ease-out forwards game-block-pop}.game-input--char{caret-color:#0000;letter-spacing:.2em}.game-danger-line{z-index:2;background:linear-gradient(90deg,#0000,#ff3b30,#0000);height:4px;animation:1.2s ease-in-out infinite game-danger-pulse;position:absolute;bottom:10%;left:0;right:0;box-shadow:0 0 16px #ff3b30b3}@keyframes game-danger-pulse{0%,to{opacity:.7}50%{opacity:1}}.game-block{z-index:4;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-block__cube{filter:drop-shadow(0 6px 10px #00000040);width:44px;height:auto}.game-block__word{font-family:var(--font-mono);white-space:nowrap;background:#fffffff2;border-radius:.5rem;margin-top:.15rem;padding:.15rem .5rem;font-size:.8rem;font-weight:800;box-shadow:0 3px 10px #0003}.game-block--coral .game-block__word{border:2px solid var(--coral);color:var(--coral-deep)}.game-block--teal .game-block__word{border:2px solid var(--teal);color:var(--teal-deep)}.game-block--sunny .game-block__word{border:2px solid var(--sunny-deep);color:#b8860b}.game-block--pop{animation:.28s ease-out forwards game-block-pop}@keyframes game-block-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.game-slime{z-index:4;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-slime--active{filter:drop-shadow(0 0 10px #ff6b4acc)}.game-slime__img{width:56px;height:auto}.game-slime__word{font-family:var(--font-mono);white-space:nowrap;background:#fffffff2;border:2px solid #7b1fa2;border-radius:999px;margin-bottom:.1rem;padding:.2rem .55rem;font-size:.85rem;font-weight:700}.game-slime__char--done{color:var(--teal)}.game-slime__char--cur{color:#fff;background:#7b1fa2;border-radius:3px;padding:0 2px}.game-wave-banner{text-align:center;color:var(--coral);margin-bottom:.5rem;font-size:1.5rem;font-weight:900;animation:1.2s ease-out game-wave-pop}@keyframes game-wave-pop{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.game-lives{gap:.15rem;display:flex}.game-lives__heart{color:#00000026;font-size:1.15rem}.game-lives__heart--on{color:#e53935;text-shadow:0 2px 4px #e5393559}.game-input-hint{color:var(--muted);text-align:center;margin-top:.65rem;font-size:.82rem}.game-input{border:3px solid var(--coral);width:100%;font-family:var(--font-mono);text-align:center;background:#fff;border-radius:1rem;outline:none;margin-top:.5rem;padding:.85rem 1rem;font-size:1.15rem;font-weight:700;box-shadow:0 4px 16px #ff6b4a26}.game-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #2ec4b633}.game-end__banner{align-items:center;gap:.75rem;display:flex}.game-end__emoji{font-size:2.5rem}.game-result{border:1px solid var(--card-border);background:linear-gradient(#2d314208 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#2d314208 1px,#0000 1px) 0 0/20px 20px,linear-gradient(145deg,#fff 0%,#fff9f5 100%);border-radius:1.5rem;padding:1.35rem 1.5rem 1.5rem;box-shadow:inset 0 1px #ffffffe6}.game-result__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.game-result__title{color:var(--ink);font-size:1.5rem;font-weight:900}.game-result__subtitle{color:var(--muted);margin-top:.3rem;font-size:.88rem;line-height:1.45}.game-result__stars{flex-shrink:0;gap:.25rem;font-size:1.5rem;line-height:1;display:flex}.game-result__star{color:#e5e7eb}.game-result__star--on{color:#f5c04a;text-shadow:0 2px 6px #f5c04a73}.game-result__grid{grid-template-columns:1.15fr 1fr;gap:.85rem;display:grid}@media (max-width:640px){.game-result__grid{grid-template-columns:1fr}}.game-result__score-card{background:linear-gradient(145deg, var(--coral-deep) 0%, var(--coral) 100%);color:#fff;border-radius:1.15rem;min-height:160px;padding:1.1rem 1.25rem;position:relative;overflow:hidden}.game-result__score-card:after{content:"";border:12px solid #fff3;border-radius:50%;width:100px;height:100px;position:absolute;top:-16px;right:-16px}.game-result__label{text-transform:uppercase;letter-spacing:.04em;opacity:.9;font-size:.75rem;font-weight:800}.game-result__score-num{margin:.35rem 0;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:900;line-height:1.05}.game-result__badge{background:#ffffff38;border-radius:999px;margin-top:.25rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-block}.game-result__side{flex-direction:column;gap:.65rem;display:flex}.game-result__speed{border:1px solid var(--card-border);background:#fff;border-radius:1rem;flex:1;padding:.85rem 1rem;box-shadow:0 4px 14px #2d31420d}.game-result__speed-num{color:var(--teal-deep);font-size:2rem;font-weight:900;line-height:1.1}.game-result__speed-num span{color:var(--muted);margin-left:.25rem;font-size:.85rem;font-weight:700}.game-result__mini-row{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.game-result__mini{border:1px solid var(--card-border);background:#fff;border-radius:.85rem;padding:.6rem .75rem}.game-result__mini-num{color:var(--ink);margin-top:.15rem;font-size:1.15rem;font-weight:900}.game-result__foot{border-top:1px dashed var(--card-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.1rem;padding-top:1rem;display:flex}.game-result__submit-title{color:var(--muted);margin-bottom:.45rem;font-size:.82rem}.game-result__submit-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.game-result__nickname{border:2px solid var(--card-border);background:#fff;border-radius:999px;outline:none;flex:1;min-width:140px;padding:.5rem .9rem;font-size:.9rem}.game-result__nickname:focus{border-color:var(--teal)}.game-result__submitted{color:var(--teal);font-size:.9rem;font-weight:700}.game-result__submit-err{color:var(--coral);font-size:.82rem}.game-result__actions{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.game-result__retry{min-width:9rem}.game-result__kbd{color:var(--muted);font-size:.72rem}.game-arena{height:360px;box-shadow:var(--shadow-clay);background:linear-gradient(#ffffffd1 0%,#ffffffeb 100%),url(/assets/typing-bg-game-falling.png) 50%/cover no-repeat;border:2px solid #2ec4b640;border-radius:1rem;position:relative;overflow:hidden}.home-advanced{margin-top:.5rem}.home-advanced .section-head{margin-bottom:.75rem}.vocab-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.vocab-tab{border:2px solid var(--card-border);color:var(--muted);cursor:default;background:#fff;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700}.vocab-tab--active{border-color:var(--coral);color:var(--coral);background:#ff6b4a14}.vocab-tab--done{color:var(--teal);border-color:#2ec4b659}.vocab-word-panel{max-width:520px;margin-inline:auto}.classroom-practice-card{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fffffff5;padding:1.5rem 1.25rem 1.25rem}.classroom-strip{border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#ffffffeb;flex-wrap:wrap;gap:.5rem;max-height:10rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.classroom-strip__item{border:1px solid var(--card-border);color:var(--muted);background:#f7f7f8;border-radius:.65rem;max-width:100%;padding:.45rem .85rem;font-size:.82rem;font-weight:600;line-height:1.45}.classroom-strip__item--active{color:#5c4a00;background:#fff3bf;border-color:#f5d565;box-shadow:0 2px 8px #f5d56559}.classroom-strip__item--done{color:var(--teal-deep);background:#2ec4b61f;border-color:#2ec4b659}.classroom-typing-panel{width:100%;padding:.75rem .25rem .5rem}.classroom-practice-card__main{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;min-height:5.5rem;display:flex}.classroom-en-letters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .65rem;width:100%;max-width:880px;margin-inline:auto;line-height:1;display:flex}.classroom-en-word{flex-wrap:nowrap;flex-shrink:0;gap:.28rem;display:inline-flex}.classroom-en-word--word{background:#2d314208;border-radius:.75rem;padding:.15rem .35rem}.classroom-en-word--punct{gap:.15rem}.classroom-en-gap{flex-shrink:0;width:.85rem;display:inline-block}.classroom-en-letter{width:2.65rem;height:3rem;font-size:1.55rem;font-weight:700;font-family:var(--font-mono);color:var(--ink);background:#fff;border:2px solid #2d314224;border-radius:.6rem;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #2d31420f}.classroom-en-word--punct .classroom-en-letter{width:2rem;height:2.65rem;font-size:1.35rem}.classroom-en-letter--correct{color:#1a5276;background:#c5e4f7;border-color:#7ec8e8}.classroom-en-letter--wrong{color:#fff;background:#ff8fa3;border-color:#ff6b81}.classroom-en-letter--current{color:#fff;background:#ffc9d4;border-color:#ff8fa3;box-shadow:0 0 0 3px #ff8fa347}.classroom-en-letter--pending{color:#6b7280;background:#fff;border-color:#e3e5e8}.classroom-tianzi{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;max-width:820px;margin-inline:auto;display:flex}.classroom-tianzi__cell{background:#fff;border:2px solid #c8c8c8;justify-content:center;align-items:center;width:4rem;height:4rem;display:inline-flex;position:relative;box-shadow:0 2px 6px #2d31420f}.classroom-tianzi__cell:before,.classroom-tianzi__cell:after{content:"";pointer-events:none;background:#ececec;position:absolute}.classroom-tianzi__cell:before{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.classroom-tianzi__cell:after{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.classroom-tianzi__ghost{color:#0000001f;pointer-events:none;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;position:absolute;inset:0}.classroom-tianzi__char{z-index:1;font-size:2rem;font-weight:700;line-height:1;position:relative}.classroom-tianzi__cell--correct{background:#8fd14f14;border-color:#8fd14f}.classroom-tianzi__cell--correct .classroom-tianzi__char{color:var(--teal-deep)}.classroom-tianzi__cell--wrong{background:#ff6b811a;border-color:#ff6b81}.classroom-tianzi__cell--wrong .classroom-tianzi__char{color:#ff6b81}.classroom-tianzi__cell--current{border-color:var(--coral);box-shadow:0 0 0 2px #ff6b4a40}.classroom-speak-btn{width:2.25rem;height:2.25rem;color:var(--teal);cursor:pointer;background:#2ec4b61a;border:1px solid #2ec4b659;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.classroom-note-block{border-top:1px solid #2d314214;flex-direction:column;align-items:center;gap:.35rem;margin-top:.25rem;padding-top:.85rem;display:flex}.classroom-phonetic{text-align:center;font-size:1.05rem;font-family:var(--font-mono);color:var(--teal-deep);letter-spacing:.02em;margin:0}.classroom-note{text-align:center;color:var(--ink);margin-top:0;font-size:1rem;font-weight:600;line-height:1.5}.classroom-ime-hint{text-align:center;color:var(--coral);margin-top:.75rem;font-size:.78rem;font-weight:700}.classroom-toolbar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.classroom-stats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1.25rem;font-size:.9rem;display:flex}.classroom-stats strong{color:var(--ink);font-weight:800}.classroom-breadcrumb__link{color:var(--coral);font-weight:600}.classroom-breadcrumb__link:hover{text-decoration:underline}.classroom-keyboard{border-radius:var(--radius-card);background:#ffffffd9;padding:.5rem}.classroom-input{opacity:0;z-index:-1;width:1px;height:1px;position:fixed;top:0;left:0}.classroom-input--zh{opacity:1;z-index:auto;width:100%;height:auto;font-size:1.1rem;font-family:var(--font-sans);background:#fff;border:2px solid #2ec4b673;border-radius:.65rem;outline:none;margin-top:.5rem;padding:.65rem .85rem;position:static}.classroom-input--zh:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2ec4b633}@keyframes classroom-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.speech-toggle{border:2px solid var(--card-border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.speech-toggle--on{border-color:var(--teal);color:var(--teal);background:#2ec4b61a}@media (prefers-reduced-motion:reduce){.bento-card,.game-card,.btn-primary,.combo-flame{transition:none;animation:none}}.adv-zh{--adv-cell:clamp(2.85rem, 4.8vw, 3.65rem);--adv-cell-gap:.35rem;flex-direction:column;gap:0;width:100%;min-height:60vh;display:flex}.adv-zh-sheet{border:1px solid var(--card-border);background:#fff;border-radius:1rem 1rem 0 0;flex:1;width:100%;padding:1.5rem 1.25rem 1.75rem;box-shadow:0 2px 12px #2d31420f}.adv-zh-block{border-left:4px solid #0000;margin-bottom:.5rem;padding:.85rem 0 1rem .85rem;position:relative}.adv-zh-block--active{border-left-color:var(--sunny)}.adv-zh-block--future{opacity:.38}.adv-zh-block--done{opacity:.72}.adv-zh-tianzi-line{align-items:flex-end;gap:var(--adv-cell-gap);flex-wrap:wrap;display:flex}.adv-zh-col{width:var(--adv-cell);flex-direction:column;flex:0 0 var(--adv-cell);align-items:center;gap:.18rem;display:flex}.adv-zh-col__pinyin{text-align:center;color:#b0b5be;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;width:100%;height:1.15rem;font-size:.68rem;line-height:1.15rem;overflow:hidden}.adv-zh-row{flex-wrap:wrap;gap:0;margin-bottom:.15rem;display:flex}.adv-zh-pinyin{color:#b0b5be;letter-spacing:.01em;justify-content:center;align-items:center;min-width:1.75rem;height:1.1rem;font-size:.68rem;display:inline-flex}.adv-zh-line-ref{flex-wrap:wrap;gap:.35rem .25rem;margin-bottom:.5rem;display:flex}.adv-zh-line-ref__unit{width:var(--adv-cell);flex-direction:column;flex:0 0 var(--adv-cell);align-items:center;display:inline-flex}.adv-zh-line-ref__char{color:var(--ink);font-size:1.2rem;line-height:1.45}.adv-zh-line-input{flex-wrap:wrap;gap:.35rem .25rem;padding-top:.2rem;display:flex}.adv-zh-cell{width:var(--adv-cell);flex:0 0 var(--adv-cell);justify-content:center;align-items:center;display:flex;position:relative}.adv-zh-cell--tianzi{height:var(--adv-cell)}.adv-zh-cell--line{min-width:var(--adv-cell);align-items:flex-end;height:2.1rem;padding-bottom:.15rem}.adv-zh-cell--line.adv-zh-cell--input{border-bottom:2px solid #e5e7eb}.adv-zh-cell--line.adv-zh-cell--current{border-bottom-color:#4a90e2}.adv-zh-cell--line.adv-zh-cell--correct{border-bottom-color:#8fd14f}.adv-zh-cell--line.adv-zh-cell--wrong{border-bottom-color:#ff6b81}.adv-zh-cell__grid{pointer-events:none;border:1px solid #d8dbe0;border-radius:2px;position:absolute;inset:0}.adv-zh-cell__grid:before,.adv-zh-cell__grid:after{content:"";pointer-events:none;background:#ececec;position:absolute}.adv-zh-cell__grid:before{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.adv-zh-cell__grid:after{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.adv-zh-cell--target .adv-zh-cell__char{color:var(--ink);font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600}.adv-zh-cell--input .adv-zh-cell__char{z-index:1;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600;line-height:1;position:relative}.adv-zh-cell--input.adv-zh-cell--correct .adv-zh-cell__char{color:#3d9a4a}.adv-zh-cell--input.adv-zh-cell--wrong .adv-zh-cell__char{color:#ff6b81}.adv-zh-cell--input.adv-zh-cell--current .adv-zh-cell__grid{border-color:#4a90e2;box-shadow:inset 0 0 0 1px #4a90e240}.adv-zh-cell__caret{z-index:2;background:#4a90e2;border-radius:1px;width:1.1rem;height:2px;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}.adv-zh-cell--line .adv-zh-cell__caret{width:.85rem;height:2px;bottom:-1px}.adv-zh-input{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adv-zh-footer{border:1px solid var(--card-border);color:var(--muted);background:#f7f8fa;border-top:none;border-radius:0 0 1rem 1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.78rem;display:grid}.adv-zh-footer__stats{flex-wrap:wrap;gap:.85rem;display:flex}.adv-zh-footer__stats strong{color:var(--ink);font-weight:700}.adv-zh-footer__hint{text-align:center;white-space:nowrap;margin:0;font-size:.72rem}.adv-zh-footer__settings{justify-content:flex-end;gap:.35rem;display:flex}.adv-zh-setting{color:#9aa0ab;letter-spacing:.04em;cursor:pointer;background:#eceef2;border:none;border-radius:.35rem;align-items:center;gap:.2rem;padding:.28rem .55rem;font-size:.62rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.adv-zh-setting--on{background:var(--sunny);color:var(--ink);box-shadow:0 1px 3px #2d314214}.adv-zh-setting__check{width:.55rem;height:.55rem}@media (max-width:768px){.adv-zh-footer{text-align:center;grid-template-columns:1fr}.adv-zh-footer__stats,.adv-zh-footer__settings{justify-content:center}}.adv-en{--adv-en-cell:clamp(1.55rem, 2.6vw, 2rem);--adv-en-font:clamp(1.25rem, 2.1vw, 1.55rem);cursor:text;max-width:960px;margin-inline:auto;position:relative}.adv-en-sheet{border:1px solid var(--card-border);background:#fff;border-radius:1rem;flex-direction:column;min-height:280px;max-height:min(72vh,680px);padding:1.25rem 1.35rem 0;display:flex;box-shadow:0 4px 24px #2d31420f}.adv-en-stats{color:var(--muted);z-index:1;background:#fff;border-bottom:1px solid #2d314214;flex-wrap:wrap;flex-shrink:0;gap:1.25rem 2rem;margin-bottom:0;padding:.35rem .15rem 1rem;font-size:.88rem;display:flex;position:sticky;top:0}.adv-en-stats strong{color:var(--ink);font-size:1rem;font-weight:700}.adv-en-lines{overscroll-behavior:contain;flex-direction:column;flex:1;gap:1.65rem;min-height:0;padding:.75rem .15rem 1.5rem;scroll-padding:3rem 0;display:flex;overflow-y:auto}.adv-en-block{transition:opacity .2s}.adv-en-block--active{opacity:1}.adv-en-block--done{opacity:.78}.adv-en-block--future{opacity:.38}.adv-en-line{flex-wrap:wrap;align-items:flex-end;gap:.1rem 0;line-height:1;display:flex}.adv-en-line--active{background:#4a90e20a;border-radius:.75rem;margin:-.35rem -.25rem;padding:.35rem .25rem}.adv-en-cell{width:var(--adv-en-cell);flex-direction:column;flex:0 0 var(--adv-en-cell);height:calc(var(--adv-en-cell) + .55rem);font-family:var(--font-mono);font-size:var(--adv-en-font);justify-content:flex-end;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative}.adv-en-cell[data-space=true]{width:calc(var(--adv-en-cell) * .55);flex-basis:calc(var(--adv-en-cell) * .55)}.adv-en-cell[data-punct=true]{width:calc(var(--adv-en-cell) * .72);flex-basis:calc(var(--adv-en-cell) * .72)}.adv-en-cell__char{width:100%;height:var(--adv-en-cell);text-align:center;border-radius:.45rem;justify-content:center;align-items:center;display:flex}.adv-en-cell__rule{background:#e5e7eb;border-radius:1px;width:88%;height:2px;margin-top:.18rem;display:block}.adv-en-cell--pending .adv-en-cell__char{color:#b8bec8}.adv-en-cell--pending .adv-en-cell__rule{background:#e5e7eb}.adv-en-cell--current .adv-en-cell__char{color:#fff;background:#4a90e2;box-shadow:0 2px 8px #4a90e259}.adv-en-cell--current .adv-en-cell__rule{background:#4a90e2}.adv-en-cell--correct .adv-en-cell__char{color:#2e7d32;background:#8fd14f59}.adv-en-cell--correct .adv-en-cell__rule{background:#8fd14f}.adv-en-cell--wrong .adv-en-cell__char{color:#c62828;background:#ef535033}.adv-en-cell--wrong .adv-en-cell__rule{background:#ef5350}.adv-en-return{width:var(--adv-en-cell);height:var(--adv-en-cell);color:#c5cad3;justify-content:center;align-self:flex-end;align-items:center;margin-left:.15rem;font-size:1.1rem;display:inline-flex}.adv-en-return--next{color:#4a90e2}.adv-en-hint{text-align:center;color:var(--muted);margin:.65rem 0 0;font-size:.75rem}.adv-en:focus{outline:none}.adv-en:focus-visible .adv-en-sheet{box-shadow:0 0 0 3px #4a90e22e,0 4px 24px #2d31420f}.adv-en-finished{max-width:520px;margin-inline:auto}@media (max-width:640px){.adv-en-stats{gap:.75rem 1.25rem;font-size:.8rem}.adv-en-lines{gap:1.25rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}