.ha{--ha-red:#c52f36;--ha-ink:#202d38;--ha-muted:#78808a;--ha-line:#e7e9eb;min-height:100dvh;background:#f6f7f8;color:var(--ha-ink);font-family:Aileron,sans-serif;font-size:16px;line-height:1.5}.ha button,.ha input,.ha select{font:inherit}.ha button{cursor:pointer}.ha button:disabled{opacity:.45;cursor:not-allowed}.ha button:focus-visible,.ha a:focus-visible,.ha select:focus-visible,.ha input:focus-visible{outline:3px solid #c52f3670;outline-offset:4px}.ha-sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--ha-line);padding:32px 20px 20px;display:flex;flex-direction:column;z-index:20}.ha-brand{display:flex;align-items:center;gap:14px;padding:0 10px 42px}.ha-brand img{width:64px;height:auto}.ha-brand>span{border-left:1px solid #ddd;padding-left:14px;font-size:12px;letter-spacing:.12em;color:#737980;font-weight:600}.ha-space-label{font-size:12px;letter-spacing:.13em;color:#93999e;margin:0 12px 16px}.ha-sidebar nav{display:grid;gap:7px}.ha-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;background:transparent;color:#687078;text-align:left;border-radius:8px;font-size:14px}.ha-sidebar nav button.active{color:var(--ha-red);background:#fbebed;font-weight:600}.ha-sidebar nav button:hover{background:#f5f5f6}.ha-nav-dot{width:5px;height:5px;border-radius:50%;background:var(--ha-red);margin-left:auto}.ha-sidebar-bottom{margin-top:auto;padding:28px 12px 22px}.ha-mini-mark{font-size:28px;color:var(--ha-red);margin-bottom:16px}.ha-sidebar-bottom strong{font-size:16px}.ha-sidebar-bottom p{font-size:14px;color:var(--ha-muted);margin:7px 0 20px}.ha-sidebar-bottom a{font-size:14px}.ha-back{padding:18px 12px 0;border-top:1px solid var(--ha-line);font-size:14px;color:var(--ha-muted)}.ha-main{margin-left:232px}.ha-topbar{min-height:78px;padding:16px 40px;border-bottom:1px solid var(--ha-line);display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:14px;color:#8c9298;gap:16px}.ha-topbar strong{font-weight:400;color:#414b55}.ha-slash{margin:0 14px;color:#ccc}.ha-top-progress{display:flex;align-items:center;gap:9px;font-size:13px;color:#647367}.ha-green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5e9878;flex-shrink:0}.ha-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e2e7e2;border-radius:50%;margin-left:16px;background:#f1f5f1;color:#597963;font-size:18px}.ha-content{max-width:1440px;margin:auto;padding:38px 40px 20px}.ha-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.ha-eyebrow{color:var(--ha-red);letter-spacing:.14em;font-size:12px;font-weight:600;margin-bottom:8px}.ha-heading h1{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:0 0 10px}.ha-heading p:last-child:not(.ha-eyebrow){font-size:16px;color:var(--ha-muted)}.ha-session-tag{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--ha-line);padding:9px 13px;border-radius:7px;color:#76808a;font-size:13px;white-space:nowrap}.ha-workspace{display:grid;grid-template-columns:224px minmax(0,1fr);gap:26px;align-items:start}.ha-section-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.06em;color:#78808a;margin:3px 0 17px}.ha-section-label span{color:#a1a6ab;font-weight:400}.ha-lessons{display:grid;gap:12px}.ha-lesson{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--ha-line);border-radius:10px;padding:18px 14px;text-align:left;color:var(--ha-ink)}.ha-lesson.selected{border-color:#d3888d;background:#fff8f8;box-shadow:0 2px 5px #8b1a2310}.ha-lesson-num{display:grid;place-items:center;width:30px;height:30px;background:#f1f3f4;border-radius:50%;font-size:12px;color:#8d959c}.ha-lesson.selected .ha-lesson-num{background:var(--ha-red);color:#fff}.ha-lesson strong{display:block;font-size:15px;line-height:1.4}.ha-lesson small{display:block;font-size:12px;color:#848b93;margin-top:4px}.ha-lesson-meter{display:block;height:3px;background:#e9e9ec;border-radius:3px;margin:15px 0 7px;overflow:hidden}.ha-lesson-meter i,.ha-meter i{display:block;background:#69947b;height:100%;transition:width .3s}.ha-tip{margin-top:28px;padding:22px;background:#edf1ef;border-radius:10px}.ha-tip-label{font-size:12px;color:#768880;letter-spacing:.1em}.ha-direction{display:flex;align-items:center;justify-content:space-between;font-size:56px;line-height:1.5;color:#516c60}.ha-direction span{font-size:27px;color:#9dac9f}.ha-tip strong{font-size:19px;font-weight:600;line-height:1.3;display:block}.ha-tip p{font-size:14px;color:#78877e;margin:12px 0 20px}.ha-tip button{font-size:14px;background:transparent;padding:0;color:#455f50;display:flex;justify-content:space-between;width:100%}.ha-practice-card{background:#fff;border:1px solid #e2e5e8;border-radius:14px;box-shadow:0 4px 12px #172e4010;overflow:hidden}.ha-card-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px 18px;gap:12px}.ha-card-head>div>span{font-size:12px;letter-spacing:.12em;color:#90959c}.ha-card-head h2{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-top:3px}.ha-pill{padding:5px 10px;border-radius:5px;font-size:12px;color:#858b92;background:#f6f7f8;white-space:nowrap}.ha-char-tabs{display:flex;padding:0 26px 18px;gap:9px;border-bottom:1px solid var(--ha-line)}.ha-char-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #e7e9eb;border-radius:7px;min-width:0;flex:1;padding:8px 12px;color:#6f7882}.ha-char-tabs button>span:first-child{font-size:24px;line-height:1.3}.ha-char-tabs small{font-size:12px;color:#7b848d}.ha-char-tabs button.selected{border-color:#d88f95;background:#fff4f4;color:var(--ha-red)}.ha-char-tabs button.selected small{color:#b17076}.ha-char-check{position:absolute;right:3px;top:0;font-size:12px;color:#438760}.ha-practice-body{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(200px,1fr);gap:28px;padding:26px}.ha-mode{display:flex;background:#f3f4f6;border-radius:7px;padding:4px;margin-bottom:22px;gap:2px}.ha-mode button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 4px;border-radius:5px;background:transparent;font-size:14px;color:#77828b;white-space:nowrap}.ha-mode svg{width:15px;height:15px}.ha-mode button[aria-pressed=true]{color:#424f5d;background:#fff;box-shadow:0 1px 4px #00000012}.ha-board{position:relative;width:100%;aspect-ratio:1;background:#fdfcfa;border:1px solid #e6dfd9;border-radius:6px;overflow:hidden}.ha-board>*{position:absolute;inset:0}.ha-board.writing{touch-action:none;cursor:crosshair}.ha-board-message{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#ffffffeb;padding:18px;font-size:14px}.ha-board-message button{padding:10px;margin-top:12px}.ha-board-caption{font-size:12px;text-align:center;color:#78818a;margin:13px 0 16px}.ha-board-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.ha-play,.ha-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e3e6e9;background:#fff;border-radius:7px;padding:10px 12px;color:#596571;font-size:14px!important}.ha-play svg{width:14px}.ha-board-controls label{display:flex;gap:6px;align-items:center;color:#78828b;font-size:12px}.ha-board-controls select{border:1px solid #e3e6e9;border-radius:6px;background:#fff;padding:7px;color:#596571}.ha-word{display:flex;align-items:center;gap:13px;padding:2px 0 23px;border-bottom:1px solid var(--ha-line);margin-bottom:23px}.ha-word>span:first-child{font-size:44px;line-height:1}.ha-word strong{font-size:23px;font-weight:400}.ha-word p{font-size:16px;color:#78838c}.ha-stroke-count{font-size:12px!important;white-space:nowrap;padding:4px 8px;background:#f5f6f7;border-radius:4px;color:#77828b;margin-left:auto}.ha-instruction-label{font-size:12px!important;letter-spacing:.09em;color:#697782!important;font-weight:600;margin-bottom:9px}.ha-character-info>p{font-size:14px;color:#78838c;line-height:1.6}.ha-stroke-steps{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;min-height:95px}.ha-stroke-steps button{height:81px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #e7e9eb;background:#fff;border-radius:6px}.ha-stroke-steps button.selected{border-color:#d69296;background:#fff7f7}.ha-stroke-steps small{font-size:12px;color:#78838c}.ha-coach{display:flex;gap:10px;padding-top:18px;margin-top:14px;margin-bottom:22px;border-top:1px solid var(--ha-line);color:#9aa2a8}.ha-coach svg{flex-shrink:0;margin-top:3px}.ha-coach strong{font-size:14px;color:#53616c;font-weight:600}.ha-coach p{font-size:14px;color:#78838c;margin-top:5px}.ha-primary{display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 16px;width:100%;background:var(--ha-red);color:#fff;border-radius:7px;font-size:14px!important;box-shadow:0 3px #a9242c}.ha-primary:hover{background:#ac2930}.ha-card-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--ha-line);padding:16px 26px;font-size:12px;color:#7e8c91;background:#fdfefe}.ha-card-foot .ha-green-dot{margin-right:6px}.ha-card-foot>span:last-child{color:#84968c}.ha-card-foot>span:last-child>span{margin-left:5px}.ha-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:#7f8a94;margin:22px 0}.ha-footer a{text-decoration:underline;text-underline-offset:3px}.ha-footer details{width:100%}.ha-footer summary{cursor:pointer;width:max-content}.ha-footer details p{font-size:14px;max-width:700px;margin:15px 0;color:#6e7984}.ha-feedback h3{font-size:23px;line-height:1.3;margin:18px 0}.ha-feedback>p:not(.ha-instruction-label){font-size:16px;color:#6b7883;margin:20px 0}.ha-meter{height:6px;border-radius:9px;background:#edf0ef;overflow:hidden;margin:20px 0}.ha-other h2{font-size:23px;margin:32px 0 20px}.ha-other .lab{background:#fff;padding:24px;border:1px solid var(--ha-line);border-radius:12px}.ha-other .lab-search{background:#f5f6f7}.ha-other .lab-board{max-width:380px}.ha-summary{display:flex;gap:40px;padding:28px;background:#fff;border:1px solid var(--ha-line);border-radius:12px;align-items:center}.ha-summary>div{flex-shrink:0}.ha-summary span{font-size:12px;color:#7f8992}.ha-summary strong{display:block;font-size:42px}.ha-summary small{font-size:20px;color:#9aa2aa}.ha-summary p{font-size:16px;color:#7b858c;max-width:360px}.ha-progress-lesson>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ha-progress-lesson button{display:flex;align-items:center;flex-direction:column;background:#fff;border:1px solid var(--ha-line);border-radius:9px;padding:20px 10px;color:var(--ha-ink)}.ha-progress-lesson button>span{font-size:44px}.ha-progress-lesson strong{font-size:14px;margin:9px 0}.ha-progress-lesson small{font-size:12px;color:#78867f}@media (min-width:1500px){.ha-content{padding-top:48px}.ha-heading{margin-bottom:40px}.ha-workspace{grid-template-columns:250px minmax(0,1fr);gap:32px}.ha-practice-body{gap:40px;padding:32px}.ha-character-info{padding-top:12px}.ha-coach{margin-top:30px}.ha-sidebar{width:248px}.ha-main{margin-left:248px}}@media (max-width:1200px){.ha-sidebar{width:200px;padding:26px 12px 18px}.ha-main{margin-left:200px}.ha-content{padding:30px 24px}.ha-topbar{padding-inline:24px}.ha-workspace{grid-template-columns:185px minmax(0,1fr);gap:18px}.ha-practice-body{gap:18px;padding:20px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.ha-char-tabs{padding-inline:20px}.ha-session-tag{display:none}.ha-lesson{padding:16px 10px;gap:8px}.ha-board-controls{flex-wrap:wrap}.ha-word{gap:8px}.ha-stroke-count{padding:3px}.ha-word>span:first-child{font-size:36px}}@media (max-width:1000px){.ha-sidebar{width:184px}.ha-main{margin-left:184px}.ha-sidebar nav button{gap:8px}.ha-workspace{grid-template-columns:1fr}.ha-section-label,.ha-tip{display:none}.ha-lessons{grid-template-columns:repeat(3,1fr)}.ha-lesson{grid-template-columns:1fr;gap:8px}.ha-lesson-num{display:none}.ha-lesson strong{font-size:14px}.ha-lesson-meter{margin-top:10px}.ha-summary{flex-wrap:wrap}.ha-progress-lesson>div{grid-template-columns:repeat(3,1fr)}.ha-practice-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:700px){.ha-sidebar{position:static;width:100%;padding:14px 16px 0;border-right:0;border-bottom:1px solid var(--ha-line)}.ha-brand{padding:0 0 14px}.ha-brand img{width:55px}.ha-sidebar nav{display:flex;overflow:auto;gap:4px;margin-inline:-16px;padding:0 12px 10px}.ha-sidebar nav button{white-space:nowrap;width:auto;padding:10px}.ha-sidebar nav svg{width:16px;flex-shrink:0}.ha-nav-dot,.ha-space-label,.ha-sidebar-bottom,.ha-back{display:none}.ha-main{margin:0}.ha-topbar{min-height:48px;padding:10px 18px;font-size:12px}.ha-top-progress{font-size:12px}.ha-avatar{display:none}.ha-slash{margin:0 8px}.ha-content{padding:24px 16px}.ha-heading{margin-bottom:22px;align-items:start}.ha-heading h1{font-size:27px}.ha-lessons{gap:7px}.ha-lesson{padding:12px 9px;border-radius:7px}.ha-lesson small:first-of-type{display:none}.ha-card-head{padding:18px 16px}.ha-card-head h2{font-size:19px}.ha-char-tabs{padding:0 16px 16px;gap:6px}.ha-char-tabs button{flex-direction:column;gap:0;min-width:0;padding:6px}.ha-char-tabs button>span:first-child{font-size:23px}.ha-practice-body{grid-template-columns:1fr;padding:20px 20px 24px;gap:28px}.ha-canvas-column{width:100%;max-width:360px;justify-self:center}.ha-character-info{border-top:1px solid var(--ha-line);padding-top:22px}.ha-word{margin-bottom:18px}.ha-stroke-count{margin-left:auto}.ha-stroke-steps{min-height:0}.ha-coach{margin-top:22px}.ha-card-foot{padding:13px 16px}.ha-card-foot>span:last-child{display:none}.ha-other .lab{padding:16px}.ha-other .ha-heading{flex-direction:column}.ha-progress-lesson>div{grid-template-columns:repeat(2,1fr)}.ha-summary{padding:20px;gap:20px}.ha-summary strong{font-size:34px}}@media print{.ha-sidebar,.ha-topbar,.ha-heading,.ha-footer{display:none!important}.ha-main{margin:0}.ha-content{padding:0}.ha .sh-controls{display:none}}@media (prefers-reduced-motion:reduce){.ha *{scroll-behavior:auto!important}.ha-meter i,.ha-lesson-meter i{transition:none}}.ha-mobile-menu{display:none}.ha-main,.ha-content,.ha-other,.ha-other .lab-grid>*,.ha-other .lab{min-width:0}.ha-other .lab-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr)}@media (max-width:1000px){.ha-other .lab-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.ha-sidebar{padding:12px 16px}.ha-brand{padding-bottom:12px}.ha-sidebar nav{display:none}.ha-mobile-menu{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ha-ink)}.ha-mobile-menu select{min-width:0;flex:1;min-height:44px;padding:9px 12px;border:1px solid #d5d9de;border-radius:8px;background:#fff;color:var(--ha-ink);font-size:16px}.ha-topbar{flex-wrap:wrap;gap:4px 12px}.ha-content{padding-top:20px}.ha-mode button,.ha-play,.ha-secondary,.ha-primary,.ha-board-controls select,.ha-board-controls label{min-height:44px}.ha-board-controls select{font-size:16px}.ha-board-controls input[type=checkbox]{width:20px;height:20px}.ha-mode{margin-bottom:14px}.ha-heading p:last-child:not(.ha-eyebrow),.ha-character-info>p,.ha-coach p{color:#5f6b76}.ha-board-caption{font-size:14px;color:#5f6b76}.ha-other .lab-btn,.ha-other .lab-toggle,.ha-other .lab-seg button,.ha-other .lab-presets button{min-height:44px;min-width:44px}.ha-other .lab-step{flex-wrap:wrap}.ha-footer summary{min-height:44px;display:flex;align-items:center}}@media (max-width:360px){.ha-content{padding-inline:12px}.ha-practice-body{padding-inline:14px}.ha-card-head{flex-wrap:wrap}.ha-board-controls{gap:10px}.ha-other .lab{padding:12px}}.ha-mobile-header,.ha-bottom-nav{display:none}.ha-mobile-sheet{border:0;padding:0;color:var(--ha-ink);background:#fff}.ha-mobile-sheet:not([open]){display:none}@media (max-width:700px){.ha{padding-top:60px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.ha-sidebar,.ha-topbar{display:none}.ha-mobile-header{position:absolute;top:0;left:0;right:0;height:60px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid var(--ha-line)}.ha-mobile-header a{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:13px}.ha-mobile-header strong{font-size:20px;font-weight:600;letter-spacing:-.6px}.ha-mobile-header a span{color:#62707d}.ha-mobile-header button{padding:8px 9px;min-height:44px;border-radius:7px;background:#fff4f4;color:var(--ha-red);font-size:13px;font-weight:600;white-space:nowrap}.ha-content-learn>.ha-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}.ha-content-learn .ha-lesson-column,.ha-content-learn .ha-card-head{display:none}.ha-content-learn{padding-top:12px}.ha-content-learn .ha-workspace{display:block}.ha-content-learn .ha-practice-card{overflow:visible;border:0;background:transparent;box-shadow:none}.ha-char-tabs{padding:0 0 12px;border-bottom:0;gap:8px}.ha-char-tabs button{min-height:52px;background:#fff}.ha-practice-body{background:#fff;border:1px solid var(--ha-line);border-radius:14px;padding:14px;gap:16px;box-shadow:0 3px 10px #172e4008}.ha-character-info{padding-top:14px;display:flex;flex-direction:column}.ha-character-info .ha-word{order:0;padding-bottom:12px;margin-bottom:12px}.ha-character-info>.ha-primary{order:1;margin-bottom:18px}.ha-character-info>.ha-instruction-label{order:2}.ha-character-info>p:not(.ha-instruction-label){order:3}.ha-character-info>.ha-stroke-steps{order:4;margin-top:10px}.ha-character-info>.ha-coach,.ha-card-foot{display:none}.ha-other .ha-heading>.ha-secondary{display:none}.ha-other .ha-heading{margin-bottom:20px}.ha-other .ha-heading .ha-eyebrow{display:none}.ha-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--ha-line);box-shadow:0 -3px 16px #172e4006}.ha-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:56px;border-radius:10px;background:transparent;color:#626f7c;font-size:12px}.ha-bottom-nav button svg{width:23px;height:23px}.ha-bottom-nav button[aria-current=page]{color:var(--ha-red);background:#fff3f4;font-weight:600}.ha-mobile-sheet{position:fixed;inset:auto 0 calc(69px + env(safe-area-inset-bottom,0px));margin:0 auto;width:100%;max-width:560px;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px));overflow:auto;border-radius:22px 22px 0 0;padding:10px 18px 24px;box-shadow:0 -12px 50px #16232e25;font-family:inherit}.ha-mobile-sheet::backdrop{background:#15233180}.ha-sheet-handle{width:36px;height:4px;border-radius:10px;background:#ccd1d7;margin:0 auto 12px}.ha-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.ha-sheet-heading h2{font-size:23px;letter-spacing:-.5px;margin:0}.ha-sheet-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;background:#f5f6f7;border-radius:50%;color:var(--ha-ink)}.ha-sheet-options{display:grid;gap:10px}.ha-sheet-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 12px;min-height:76px;width:100%;border:1px solid var(--ha-line);border-radius:12px;background:#fff;color:var(--ha-ink)}.ha-sheet-options button>svg{flex-shrink:0;width:22px}.ha-sheet-options button>svg:last-child{margin-left:auto;width:18px}.ha-sheet-options button>span{min-width:0}.ha-sheet-options strong{font-size:15px;display:block}.ha-sheet-options small{font-size:13px;display:block;color:#65727e;margin-top:3px}.ha-sheet-options [aria-pressed=true],.ha-sheet-options [aria-current=page]{border-color:#df9aa0;background:#fff5f5}.ha-sheet-number{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#f5e9eb;color:var(--ha-red);font-size:14px}}@media print{.ha-mobile-header,.ha-bottom-nav,.ha-mobile-sheet{display:none!important}.ha{padding:0}}@keyframes sk-draw{to{stroke-dashoffset:0}}.sk{background:#fff;color:var(--text);min-height:100dvh}.sk-glyph{display:block}.sk-glyph text{font-family:var(--font)}.sk-head{position:sticky;top:0;z-index:10;background:#ffffffe6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.sk-head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.sk-logo{display:inline-flex;align-items:center;gap:12px}.sk-logo img{height:34px;width:auto;display:block}.sk-logo-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);padding:5px 10px;border-radius:999px;background:#fbe9ea}.sk-head-nav{display:flex;gap:4px}.sk-head-nav a{font-size:14px;font-weight:500;color:var(--text-dim);padding:8px 12px;border-radius:10px;transition:background .2s var(--ease),color .2s var(--ease)}.sk-head-nav a:hover{background:var(--surface);color:var(--text)}.sk-hero{padding-block:72px 56px;background:linear-gradient(180deg,#fff,#f7f9fd);border-bottom:1px solid var(--line)}.sk-hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}.sk-eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:18px}.sk-eyebrow .zh{text-transform:none;letter-spacing:0;font-size:15px}.sk-eyebrow-num{display:inline-block;min-width:30px;padding:3px 8px;margin-right:6px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;text-align:center}.sk-h1{font-size:64px;line-height:1.02;letter-spacing:-.025em;font-weight:600;color:var(--text);text-wrap:balance}.sk-lede{margin-top:22px;font-size:20px;line-height:1.45;color:var(--text-mut);max-width:560px;text-wrap:pretty}.sk-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.sk-pills a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #081c3b1f;font-size:14px;font-weight:500;color:var(--text);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.sk-pills a span{font-size:11px;font-weight:600;color:var(--red);padding:3px 6px;border-radius:6px;background:#fbe9ea}.sk-pills a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #081c3b4d}.sk-hero-art{display:flex;flex-direction:column;align-items:center;gap:16px}.sk-hero-board,.lab-board{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f,0 24px 48px -24px #081c3b40;overflow:hidden;padding:0;display:block}.sk-hero-board{max-width:340px;cursor:pointer}.sk-hero-board>*,.lab-board>.sk-glyph,.lab-board>.lab-board-grid,.lab-board>.lab-quiz{position:absolute;inset:0}.lab-board-grid{opacity:.9}.sk-hero-cap{font-size:14px;line-height:1.5;color:var(--text-mut);text-align:center;max-width:340px}.sk-hero-cap .zh{color:var(--text);font-size:16px}.sk-section{padding-block:88px;scroll-margin-top:68px}.sk-sh{max-width:760px;margin-bottom:44px}.sk-h2{font-size:44px;line-height:1.1;letter-spacing:-.02em;font-weight:600;color:var(--text);text-wrap:balance}.sk-sh-lede{margin-top:16px;font-size:18px;line-height:1.5;color:var(--text-mut);text-wrap:pretty}.lab-field{display:flex;flex-direction:column;gap:8px}.lab-field-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.lab-field input{font:inherit;font-size:24px;line-height:1.2;padding:12px 16px;border-radius:14px;border:1px solid rgba(8,28,59,.18);background:#fff;color:var(--text);outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.lab-field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #081c3b1f}.lab-chip{min-width:42px;height:42px;padding:0 10px;border-radius:12px;background:var(--surface);font-size:20px;line-height:1;color:var(--text);transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.lab-chip:hover{background:#e9e9e9;transform:translateY(-1px)}.lab-chip.is-on{background:var(--ink);color:#fff}.lab-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--surface);font-size:14px;font-weight:500;color:var(--text);transition:background .2s var(--ease)}.lab-toggle-dot{width:22px;height:14px;border-radius:999px;background:#cfd4dd;position:relative;transition:background .2s var(--ease)}.lab-toggle-dot:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.lab-toggle.is-on .lab-toggle-dot{background:var(--red)}.lab-toggle.is-on .lab-toggle-dot:after{transform:translate(8px)}.lab-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface)}.lab-seg button{padding:7px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--text-mut);transition:background .2s var(--ease),color .2s var(--ease)}.lab-seg button[aria-pressed=true]{background:#fff;color:var(--text);box-shadow:0 1px 2px #081c3b1f}.lab-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lab-step-reset{font-size:14px;font-weight:500;color:var(--text-dim);padding:8px 6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#3d5a8a66}.lab-step-reset:hover{color:var(--red)}.lab-step-reset:disabled,.btn:disabled,.lab-step-btn:disabled{opacity:.4;cursor:default}.lab{display:flex;flex-direction:column;gap:28px}.lab-search{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-card);background:var(--surface)}.lab-search .lab-field input{max-width:480px}.lab-chips,.lab-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lab-quick-label{font-size:13px;font-weight:600;color:var(--text-mut);margin-right:4px}.lab-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:40px;align-items:start}.lab-stage{display:flex;flex-direction:column;gap:16px}.lab-board{max-width:440px;outline:none}.lab-board:focus-visible{box-shadow:0 0 0 3px #081c3b33,0 24px 48px -24px #081c3b40}.lab-board.is-practice{touch-action:none;cursor:crosshair}.lab-quiz svg{display:block}.lab-note{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:13px;font-weight:500;color:var(--text-mut);background:#ffffffeb;padding:6px 12px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}.lab-note.is-error{color:var(--red)}.lab-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.lab-cell{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 6px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #081c3b1a;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.lab-cell span{font-size:11px;font-weight:600;color:var(--text-mut)}.lab-cell:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #081c3b4d}.lab-cell.is-done{box-shadow:inset 0 0 0 1px #081c3b1a;background:var(--surface)}.lab-cell.is-cur{box-shadow:inset 0 0 0 2px var(--red)}.lab-cell.is-cur span{color:var(--red)}.lab-side{display:flex;flex-direction:column;gap:18px;padding-top:4px}.lab-meta{display:flex;align-items:center;gap:18px}.lab-meta-char{font-size:56px;line-height:1;color:var(--text);width:72px;height:72px;display:grid;place-items:center;border-radius:16px;background:var(--tint)}.lab-meta-count{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.lab-meta-sub{font-size:14px;color:var(--text-mut);min-height:1.5em}.lab-step{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--surface)}.lab-step-btn{width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #081c3b1f;font-size:18px;display:grid;place-items:center;color:var(--text);transition:background .2s var(--ease)}.lab-step-btn:not(:disabled):hover{background:var(--ink);color:#fff}.lab-step-label{min-width:120px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.lab-step .lab-step-reset{margin-left:auto}.lab-practice-cta{margin-top:8px;padding:20px;border-radius:20px;background:var(--tint);display:flex;flex-direction:column;gap:14px}.lab-practice-cta p{font-size:15px;line-height:1.5;color:var(--tint-mut)}.lab-quizpanel{display:flex;flex-direction:column;gap:16px}.lab-progress{height:8px;border-radius:999px;background:var(--surface);overflow:hidden}.lab-progress span{display:block;height:100%;background:var(--red);border-radius:inherit;transition:width .35s var(--ease)}.lab-feedback{font-size:15px;line-height:1.5;color:var(--text-mut);padding:12px 14px;border-radius:14px;background:var(--surface)}.lab-feedback.is-miss{background:#fbe9ea;color:var(--red-deep)}.lab-feedback.is-hit{background:#e6f6ea;color:#1c6b34}.lab-hintline{font-size:13px;color:var(--text-mut)}.bs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bs-card{width:100%;height:100%;text-align:left;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.bs-card:hover,.bs-card:focus-visible{transform:translateY(-4px);box-shadow:0 1px 2px #081c3b0f,0 20px 40px -24px #081c3b59;outline:none}.bs-art{height:120px;display:grid;place-items:center;border-radius:var(--r-inner);background:var(--surface)}.bs-fallback,.sk-play-fallback,.cq-loading{font-size:56px;color:var(--text-mut);opacity:.4}.bs-name{display:flex;align-items:baseline;gap:10px}.bs-name .zh{font-size:30px;line-height:1;color:var(--text)}.bs-pinyin,.rl-pinyin{font-size:14px;color:var(--text-dim)}.bs-en{margin-top:4px;font-size:17px;font-weight:600;color:var(--text)}.bs-tip{margin-top:6px;font-size:14px;line-height:1.5;color:var(--text-mut)}.bs-in{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}.bs-in .zh{font-size:14px;text-transform:none;letter-spacing:0}.sk-play{display:grid;place-items:center;padding:0;border-radius:14px;background:var(--surface);transition:background .2s var(--ease),transform .2s var(--ease);overflow:hidden}.sk-play:hover{background:#ececec}.sk-play:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sk-play-fallback.is-error{opacity:.2}.rl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:rule}.rl-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.rl-num{align-self:start;font-size:13px;font-weight:600;color:var(--red);padding:4px 8px;border-radius:8px;background:#fbe9ea}.rl-en{font-size:19px;font-weight:600;line-height:1.25;color:var(--text)}.rl-zh{margin-top:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.rl-zh .zh{font-size:17px;color:var(--text-dim)}.rl-why{margin-top:8px;font-size:14px;line-height:1.5;color:var(--text-mut)}.rl-ex{display:flex;gap:8px}.cq{display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center;padding:28px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.cq-board{width:220px;height:220px;display:grid;place-items:center;border-radius:var(--r-inner);overflow:hidden}.cq-side{display:flex;flex-direction:column;gap:18px;max-width:560px}.cq-prompt{font-size:24px;line-height:1.3;font-weight:500;color:var(--text)}.cq-prompt .is-hit{color:#1c6b34}.cq-prompt .is-miss{color:var(--red)}.cq-char{font-size:30px;padding:0 4px}.cq-options{display:flex;flex-wrap:wrap;gap:10px}.cq-opt{min-width:68px;height:56px;padding:0 18px;border-radius:14px;background:var(--surface);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.cq-opt:not(:disabled):hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.cq-opt:disabled{cursor:default;opacity:.55}.cq-opt.is-right{background:#1c6b34;color:#fff;opacity:1}.cq-opt.is-wrong{background:var(--red);color:#fff;opacity:1}.cq-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cq-score{display:flex;gap:28px;margin:0;padding-top:14px;border-top:1px solid var(--line)}.cq-score dt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.cq-score dd{margin:2px 0 0;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.sh{display:flex;flex-direction:column;gap:24px}.sh-controls{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--r-card);background:var(--surface)}.sh-field input{max-width:480px}.sh-opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sh-opts .lab-seg .zh{font-size:15px;margin-right:3px}.sh-scroll{overflow-x:auto;padding-bottom:8px}.sh-paper{width:max-content;min-width:100%;padding:28px;background:#fff;border-radius:12px;box-shadow:0 1px 2px #081c3b14,0 24px 48px -28px #081c3b4d;display:flex;flex-direction:column;gap:12px}.sh-paper-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-mut)}.sh-paper-brand{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}.sh-paper-brand img{height:26px;width:auto}.sh-paper-lines{display:flex;gap:24px;white-space:nowrap}.sh-row{display:grid;gap:0}.sh-cell{position:relative;width:64px;height:64px}.sh-cell-err{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;color:var(--text-mut);opacity:.35}.sh-empty{font-size:15px;color:var(--text-mut);padding:24px 0}@media (max-width: 1100px){.sk-h1{font-size:50px}.sk-h2{font-size:36px}.sk-hero-in{gap:36px}.bs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px}.sk-head-nav{display:none}}@media (max-width: 860px){.sk-hero{padding-block:48px 40px}.sk-hero-in{grid-template-columns:1fr}.sk-hero-art{order:-1}.sk-hero-board{max-width:260px}.sk-section{padding-block:64px}.lab-grid{grid-template-columns:1fr}.lab-board{max-width:none}.rl-grid{grid-template-columns:1fr}.cq{grid-template-columns:1fr;justify-items:center;gap:24px;padding:22px}.cq-side{width:100%}}@media (max-width: 560px){.sk-h1{font-size:38px}.sk-h2{font-size:30px}.sk-lede{font-size:18px}.sk-logo-tag{display:none}.sk-head-cta{font-size:14px;padding:10px 16px}.bs-grid{grid-template-columns:1fr}.rl-card{grid-template-columns:auto minmax(0,1fr)}.rl-ex{grid-column:1 / -1}.lab-field input{font-size:20px}.lab-step-label{min-width:0;flex:1}}@media (prefers-reduced-motion: reduce){.bs-card:hover,.sk-pills a:hover,.lab-cell:hover,.cq-opt:not(:disabled):hover{transform:none}}@media print{@page{size:A4;margin:12mm}.sk-head,.sk-hero,.sk-section:not(#sheet),.tool-cta,.foot-block,.sk-sh,.sh-controls{display:none!important}.sk-section{padding:0}.wrap{padding:0;max-width:none}.sh-scroll{overflow:visible;padding:0}.sh-paper{box-shadow:none;border-radius:0;padding:0;width:auto}.sh-row{break-inside:avoid}}.sk-head-right{display:flex;align-items:center;gap:12px}.sk-lang{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface)}.sk-lang a{padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text-mut);transition:background .2s var(--ease),color .2s var(--ease)}.sk-lang a[aria-current=page]{background:#fff;color:var(--text);box-shadow:0 1px 2px #081c3b1f;cursor:default}.sk-lang a:not([aria-current]):hover{color:var(--red)}.lab-gif{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.lab-gif .lab-hintline{flex:1 1 220px;margin:0}.lab-hintline.is-error{color:var(--red)}.sk-faq{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sk-faq-item{padding:24px;border-radius:var(--r-card);background:#fff;box-shadow:0 1px 2px #081c3b0f}.sk-faq dt{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.sk-faq dd{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--text-mut)}@media (max-width: 860px){.sk-faq{grid-template-columns:1fr}}@media (max-width: 560px){.sk-lang a{padding:6px 8px}.sk-head-right{gap:8px}}@media print{.sk-section#faq{display:none!important}}.st-head{max-width:760px;margin:64px 0 28px}.sk-h3{font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:600;color:var(--text);text-wrap:balance}.st{display:flex;flex-direction:column;gap:20px}.st-group-title{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mut)}.st-group-title span{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:6px;background:var(--ink);color:#fff;font-size:11px;letter-spacing:0}.st-parts-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.st-part{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px 6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.st-part-en{font-size:13px;color:var(--text-mut)}.st-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.st-row{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 56px;align-items:center;gap:14px;padding:8px 10px;border-radius:14px;background:#fff;text-align:left;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.st-row:hover,.st-row:focus-visible{box-shadow:inset 0 0 0 1px #081c3b4d;transform:translateY(-1px);outline:none}.st-shape{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--surface)}.st-shape svg{display:block}.st-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0;min-width:0}.st-zh{font-size:19px;line-height:1.2;color:var(--text)}.st-pinyin{font-size:13px;color:var(--text-dim)}.st-en{flex-basis:100%;font-size:13px;line-height:1.35;color:var(--text-mut)}.st-ex{display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:var(--surface)}.st-fallback{font-size:28px;color:var(--text-mut);opacity:.4}@media (max-width: 860px){.st-grid{grid-template-columns:1fr}.st-head{margin-top:48px}.sk-h3{font-size:26px}}@media (prefers-reduced-motion: reduce){.st-row:hover{transform:none}}