:root{--dd-yellow:#ffd93d;--dd-green:#6bcb77;--dd-blue:#4d96ff;--dd-text:#4a4a4a;--dd-bg:#faf8f2;--dd-card:#fff;--dd-border:#3d5a40;--dd-font:"Quicksand", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif;font-family:var(--dd-font);color:var(--dd-text);background:var(--dd-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--dd-bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--dd-text);margin:0}p{margin:0}button{font:inherit;cursor:pointer}a{color:var(--dd-blue)}.placeholder-page{text-align:center;padding:48px 16px}.placeholder-page h1{margin-bottom:12px;font-size:28px}.placeholder-page p{color:#777;line-height:1.5}.dd-btn{background:var(--dd-yellow);min-height:56px;color:var(--dd-text);border:4px solid #c9a512;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:inline-flex;box-shadow:0 6px #c9a512}.dd-btn:active{transform:translateY(4px);box-shadow:0 2px #c9a512}.dd-btn--secondary{background:#fff;border-color:#cfc9b8;box-shadow:0 4px #cfc9b8}.dd-btn--green{background:var(--dd-green);color:#fff;border-color:#3f9a4d;box-shadow:0 6px #3f9a4d}.dd-card{background:var(--dd-card);border:4px solid var(--dd-border);border-radius:24px;padding:16px}.bottom-nav{height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#fff;border-top:3px solid #e8e4d8;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{text-align:center;color:var(--dd-text);border-radius:999px;flex:1;margin:0 8px;padding:12px 8px;font-size:14px;font-weight:600;text-decoration:none}.bottom-nav__item.is-active{background:var(--dd-yellow);color:var(--dd-text)}.app-shell{background:var(--dd-bg);min-height:100svh;color:var(--dd-text);flex-direction:column;display:flex}.app-shell__main{width:100%;max-width:480px;padding:16px 16px calc(80px + env(safe-area-inset-bottom));box-sizing:border-box;flex:1;margin:0 auto}.app-shell--focus .app-shell__main{padding-bottom:24px}.home-page{background:radial-gradient(ellipse 80% 50% at 50% 12%, #ffd93d59, transparent 70%), var(--dd-bg);flex-direction:column;gap:20px;min-height:100%;margin:-16px;padding:16px 16px 8px;display:flex}.home-page__brand{border-bottom:1px solid #e0ddd4;align-items:center;gap:10px;padding-bottom:12px;display:flex}.home-page__brand-mark{flex-shrink:0;display:inline-flex}.home-page__brand-name{color:#3d5a40;letter-spacing:.02em;font-size:1.55rem;font-weight:800}.home-page__hero{text-align:center;flex-direction:column;align-items:center;padding-top:4px;display:flex}.home-page__mascot-wrap{margin-bottom:16px;position:relative}.home-page__mascot{background:radial-gradient(circle at 35% 30%,#fff6c8,#ffe08a 45%,#f5c84a);border:5px solid #fff;border-radius:50%;place-items:center;width:148px;height:148px;display:grid;overflow:hidden;box-shadow:0 8px 24px #3d5a402e}.home-page__mascot-face{background:linear-gradient(160deg,#ffe566,#ffd93d 55%,#e8c020);border-radius:50%;width:88px;height:88px;position:relative;box-shadow:inset 0 -6px 12px #b48c1440}.home-page__mascot-hat{background:#4d96ff;border-radius:10px 10px 4px 4px;width:42px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 2px #2f6fd0}.home-page__mascot-hat:after{content:"";background:#4d96ff;border-radius:4px 4px 0 0;width:14px;height:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.home-page__mascot-eye{background:#2d3a2e;border-radius:50%;width:10px;height:12px;position:absolute;top:36px}.home-page__mascot-eye--l{left:24px}.home-page__mascot-eye--r{right:24px}.home-page__mascot-smile{border:3px solid #2d3a2e;border-top:none;border-radius:0 0 16px 16px;width:28px;height:14px;margin-left:-14px;position:absolute;bottom:22px;left:50%}.home-page__hello{background:var(--dd-green);color:#fff;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;position:absolute;top:4px;right:-8px;box-shadow:0 3px #3f9a4d}.home-page__title{color:#3d5a40;margin-bottom:8px;font-size:1.75rem;font-weight:800}.home-page__support{color:#8a8678;letter-spacing:.04em;font-size:.95rem}.home-page__plan{border-color:#3d5a40}.home-page__plan-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-page__plan-head h3{color:#3d5a40;align-items:center;gap:6px;font-size:1.05rem;font-weight:700;display:flex}.home-page__pct{color:#3d5a40;font-size:1.15rem;font-weight:800}.home-page__bar{background:#e8e4d8;border-radius:999px;height:12px;margin-bottom:14px;overflow:hidden}.home-page__bar-fill{border-radius:inherit;background:#3d5a40;min-width:0;height:100%;transition:width .35s}.home-page__plan-pill{color:#3d5a40;background:#ffe566;border-radius:999px;margin-bottom:8px;padding:10px 14px;font-size:.92rem;font-weight:700;line-height:1.45;display:inline-block}.home-page__plan-meta{color:#9a9588;font-size:.85rem}.home-page__actions{flex-direction:column;align-items:center;gap:16px;padding-top:4px;display:flex}.home-page__start{width:100%;max-width:360px;min-height:64px;font-size:1.25rem}.home-page__play{background:#3d5a401f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.75rem;display:inline-grid}.home-page__parent-link{color:var(--dd-blue);font-size:1rem;font-weight:700;text-decoration:none}.home-page__parent-link:hover{text-decoration:underline}.profile-page{background:radial-gradient(ellipse 70% 40% at 15% 10%, #ffd93d66, transparent 55%), radial-gradient(ellipse 60% 35% at 90% 20%, #6bcb7747, transparent 50%), radial-gradient(ellipse 50% 30% at 50% 85%, #4d96ff2e, transparent 55%), var(--dd-bg);flex-direction:column;min-height:calc(100svh - 96px);margin:-16px;padding:16px;display:flex}.profile-page__header{grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:28px;display:grid}.profile-page__back{color:#4a4a4a;background:#fff;border:none;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid;box-shadow:0 2px 8px #00000014}.profile-page__title{text-align:center;color:#2d3a2e;font-size:1.65rem;font-weight:800}.profile-page__spacer{width:44px}.profile-page__grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.profile-page__card{min-height:148px;color:inherit;background:#fff;border:4px solid #e8e4d8;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;display:flex}.profile-page__card.is-selected{border-color:#3d5a40;box-shadow:0 0 0 2px #3d5a4026}.profile-page__card--add{background:#ffffffd9;border-style:dashed;border-color:#cfc9b8}.profile-page__avatar{background:linear-gradient(160deg,#9be0a4,#6bcb77);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 -4px 8px #28643233}.profile-page__avatar-face{background:0 0;border-radius:50%;width:36px;height:28px;box-shadow:-10px 0 #2d3a2e,10px 0 #2d3a2e,0 14px 0 -6px #2d3a2e}.profile-page__name{color:#3d5a40;font-size:1.15rem;font-weight:800}.profile-page__add-icon{color:#8a8678;background:#ece8dc;border-radius:50%;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:300;line-height:1;display:grid}.profile-page__add-label{color:#9a8f7a;font-size:1rem;font-weight:700}.profile-page__add-form{border-color:#cfc9b8;flex-direction:column;grid-column:1/-1;gap:10px;display:flex}.profile-page__label{color:#3d5a40;font-weight:700}.profile-page__input{font:inherit;border:3px solid #e0ddd4;border-radius:14px;outline:none;padding:12px 14px;font-size:1.1rem}.profile-page__input:focus{border-color:var(--dd-green)}.profile-page__hint{color:#9a9588;font-size:.85rem}.profile-page__form-actions{gap:10px;margin-top:4px;display:flex}.profile-page__form-btn{flex:1;min-height:48px;font-size:.95rem}.profile-page__error{color:#c0392b;text-align:center;margin-bottom:12px;font-size:.9rem}.profile-page__start{width:100%;min-height:60px;margin-top:auto;font-size:1.2rem}.profile-page__persist{text-align:center;color:#9a9588;margin-top:16px;padding-bottom:4px;font-size:.85rem}.settings-page{flex-direction:column;gap:22px;padding-bottom:8px;display:flex}.settings-page__header{text-align:center;padding-top:4px}.settings-page__title{color:#3d5a40;align-items:center;gap:8px;font-size:1.6rem;font-weight:800;display:inline-flex}.settings-page__section-title{color:#3d5a40;align-items:center;gap:6px;margin-bottom:10px;font-size:1.05rem;font-weight:700;display:flex}.settings-page__card--goal{border-color:#e8c84a}.settings-page__card--child{border-color:#6bcb77}.settings-page__card--data{border-color:#c4a882}.settings-page__goal-text{margin-bottom:16px;font-size:1.05rem}.settings-page__goal-text strong{color:#3d5a40;font-size:1.35rem}.settings-page__stepper{justify-content:center;align-items:center;gap:20px;margin-bottom:12px;display:flex}.settings-page__step-btn{background:var(--dd-yellow);width:52px;height:52px;color:var(--dd-text);border:3px solid #c9a512;border-radius:50%;font-size:1.5rem;font-weight:700;line-height:1;box-shadow:0 4px #c9a512}.settings-page__step-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #c9a512}.settings-page__step-btn:disabled{opacity:.45;cursor:not-allowed}.settings-page__step-value{background:#fff;border:3px solid #d8d2c4;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:grid}.settings-page__hint{color:#9a9588;text-align:center;font-size:.85rem}.settings-page__child-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.settings-page__child-avatar{background:linear-gradient(160deg,#ffe566,#ffd93d);border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;box-shadow:inset 0 -4px 8px #b48c1433}.settings-page__child-check{background:var(--dd-green);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-2px}.settings-page__child-name{color:#2d3a2e;font-size:1.2rem;font-weight:800}.settings-page__child-meta{color:#8a8678;margin-top:4px;font-size:.9rem}.settings-page__empty{color:#9a9588;margin-bottom:14px}.settings-page__child-actions{gap:12px;display:flex}.settings-page__pill{border-radius:999px;flex:1;min-height:48px;font-size:1rem}.settings-page__persist-row{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.settings-page__persist-label{align-items:center;gap:6px;font-weight:700;display:inline-flex}.settings-page__badge{white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}.settings-page__badge.is-ok{color:#2f8a3d;background:#e5f7e8}.settings-page__badge.is-warn{color:#8a6d1d;background:#fff3cd}.settings-page__io{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-bottom:10px;font-size:1rem;font-weight:700;display:flex}.settings-page__io--export{border:3px solid var(--dd-blue);color:#2f6fd0}.settings-page__io--import{color:var(--dd-text);border:3px solid #cfc9b8;margin-bottom:0}.settings-page__io:disabled{opacity:.5;cursor:not-allowed}.settings-page__warning{color:#8b2e24;background:#fdecea;border-left:4px solid #e74c3c;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 14px 14px 12px;font-size:.88rem;line-height:1.5;display:flex}.settings-page__warning-icon{flex-shrink:0;font-size:1.1rem}.settings-page__message{text-align:center;color:#3d5a40;font-size:.95rem;font-weight:700}.screening-page{max-width:480px;min-height:100%;margin:0 auto;padding:16px 20px 40px;position:relative;overflow-x:hidden}.screening-page--result{padding-bottom:48px}.screening-blobs:before,.screening-blobs:after{content:"";z-index:0;filter:blur(60px);pointer-events:none;border-radius:50%;position:fixed}.screening-blobs:before{opacity:.45;background:#93f59c;width:200px;height:200px;top:-40px;left:-40px}.screening-blobs:after{opacity:.4;background:#ffd93d;width:240px;height:240px;bottom:12%;right:-80px}.screening-page>*{z-index:1;position:relative}.screening-header{background:var(--dd-bg);border-bottom:4px solid #d0c6ad;justify-content:space-between;align-items:center;gap:12px;margin:-16px -20px 20px;padding:14px 20px;display:flex}.screening-header__brand{align-items:center;gap:10px;display:flex}.screening-avatar{background:linear-gradient(145deg,#ffe98a,#ffd93d);border:3px solid #c9a512;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.screening-header__title{color:#705d00;margin:0;font-size:22px;font-weight:700}.screening-icon-btn{color:#705d00;background:0 0;border:none;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.screening-progress-head{justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.screening-progress-head h2{color:#705d00;font-size:28px}.screening-progress-head span{color:#7e7761;white-space:nowrap;font-size:15px;font-weight:600}.screening-track{background:#efeded;border:4px solid #d0c6ad;border-radius:999px;height:28px;margin-bottom:28px;position:relative;overflow:hidden}.screening-track__fill{background:var(--dd-yellow);border-right:3px solid #705d00;border-radius:999px;transition:width .35s;position:absolute;inset:0 auto 0 0}.screening-track__dots{pointer-events:none;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0}.screening-track__dots i{background:#ffffff8c;border-radius:50%;width:6px;height:6px}.screening-q{text-align:center;margin-bottom:24px}.screening-q h3{color:#1b1c1c;margin-bottom:6px;font-size:24px}.screening-q p{color:#7e7761;font-size:15px}.screening-char-preview{color:#1b1c1c;margin:12px 0 8px;font-size:64px;font-weight:800;line-height:1}.screening-speak{flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;display:flex}.screening-speak__btn{background:var(--dd-yellow);color:#705d00;border:6px solid #c9a512;border-radius:50%;place-items:center;width:112px;height:112px;transition:transform .1s;display:grid;box-shadow:0 8px #c9a512}.screening-speak__btn:active{transform:translateY(4px);box-shadow:0 4px #c9a512}.screening-speak__label{letter-spacing:.08em;color:#705d00;font-size:18px;font-weight:700}.screening-options{flex-direction:column;gap:14px;width:100%;display:flex}.screening-option{color:#1b1c1c;background:#fff;border:4px solid #d0c6ad;border-radius:20px;min-height:88px;font-size:42px;font-weight:800;transition:transform .1s,background .15s,border-color .15s;box-shadow:0 8px #d0c6ad}.screening-option--word{font-size:28px}.screening-option:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #d0c6ad}.screening-option.is-selected{background:var(--dd-yellow);border-color:#c9a512;box-shadow:0 8px #c9a512}.screening-option.is-correct{background:#93f59c;border-color:#006e29;box-shadow:0 8px #006e29}.screening-option.is-wrong{background:#ffdad6;border-color:#ba1a1a;box-shadow:0 8px #ba1a1a}.screening-later{color:#7e7761;background:0 0;border:none;margin:28px auto 0;padding:12px 16px;font-size:18px;font-weight:700;display:block}.screening-later:hover{color:#705d00}.screening-write-title{text-align:center;margin-bottom:12px}.screening-write-title h2{margin-bottom:12px;font-size:26px}.screening-listen-pill{color:#00531d;background:#93f59c;border:none;border-bottom:4px solid #006e29;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:18px;font-weight:700;display:inline-flex}.screening-listen-pill:active{border-bottom-width:2px;transform:translateY(2px)}.screening-context{text-align:center;margin:20px 0 24px;padding:20px 16px;box-shadow:0 6px #d0c6ad}.screening-context__row{color:#1b1c1c;justify-content:center;align-items:center;gap:12px;min-height:56px;font-size:40px;font-weight:800;display:flex}.screening-context__blank{background:#d0c6ad;border-radius:999px;align-self:center;width:72px;height:8px;margin-top:18px}.screening-canvas-wrap{width:100%;max-width:320px;margin:0 auto;position:relative}.screening-tianzige{aspect-ratio:1;touch-action:none;background:#fff;border-radius:16px;width:100%;overflow:hidden}.screening-tianzige__canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.screening-canvas-clear{color:#4a4a4a;z-index:2;background:#eae8e7;border:2px solid #d0c6ad;border-bottom-width:3px;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:8px;right:8px}.screening-write-actions{grid-template-columns:1fr 1fr;gap:12px;max-width:360px;margin:28px auto 0;display:grid}.screening-write-footer{flex-direction:column;align-items:center;gap:12px;margin-top:36px;display:flex}.screening-write-bar{background:#e4e2e2;border:2px solid #d0c6ad;border-radius:999px;width:100%;max-width:280px;height:14px;overflow:hidden}.screening-write-bar__fill{background:#006e29;border-radius:999px;height:100%;transition:width .3s}.screening-write-badge{background:var(--dd-yellow);text-align:center;color:#705d00;border:3px solid #c9a512;border-bottom-width:5px;border-radius:16px;padding:8px 28px;font-weight:700;line-height:1.2}.screening-write-badge small{font-size:13px;display:block}.screening-write-badge strong{font-size:18px}.screening-result-nav{align-items:center;gap:8px;margin-bottom:20px;display:flex}.screening-result-nav h1{color:#3d5a40;font-size:24px}.screening-section-label{color:#7e7761;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.screening-book-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.screening-book-card{padding:14px 16px}.screening-book-card__row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.screening-book-card__score--green{color:#006e29}.screening-book-card__score--yellow{color:#c9a512}.screening-book-card__score--brown{color:#7e7761}.screening-book-bar{background:#e4e2e2;border-radius:999px;height:18px;overflow:hidden}.screening-book-bar__fill{border-radius:999px;height:100%;transition:width .4s}.screening-book-bar__fill--green{background:var(--dd-green)}.screening-book-bar__fill--yellow{background:var(--dd-yellow)}.screening-book-bar__fill--brown{background:#d0c6ad}.screening-suggest{text-align:center;background:var(--dd-yellow);border:4px solid #c9a512;border-radius:28px;margin-bottom:28px;padding:28px 20px;position:relative;overflow:hidden;box-shadow:0 8px #705d00}.screening-suggest__deco{background:#705d001f;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.screening-suggest__star{background:#fff;border:4px solid #c9a512;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 10px;font-size:32px;display:grid}.screening-suggest__label{color:#554500;margin-bottom:4px;font-size:16px;font-weight:700}.screening-suggest__main{color:#705d00;margin-bottom:6px;font-size:24px;font-weight:800}.screening-suggest__sub{color:#554500;opacity:.85;font-size:14px}.screening-samples{gap:12px;margin-bottom:28px;padding-bottom:8px;display:flex;overflow-x:auto}.screening-sample-thumb{background:#fff;border:4px solid #e4e2e2;border-radius:16px;flex:0 0 104px;width:104px;height:104px;position:relative;overflow:hidden}.screening-sample-thumb img{object-fit:contain;width:100%;height:100%}.screening-sample-thumb__ghost{color:#e4e2e2;pointer-events:none;place-items:center;font-size:36px;font-weight:800;display:grid;position:absolute;inset:0}.screening-sample-thumb__play{background:#0000000a;place-items:center;display:grid;position:absolute;inset:0}.screening-sample-thumb__play span{color:#705d00;background:#fffffff2;border:2px solid #d0c6ad;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.screening-result-actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.screening-result-actions .dd-btn{width:100%}.screening-result-actions__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.screening-result-actions__row .dd-btn{min-height:52px;padding:10px 12px;font-size:15px}.screening-footnote{text-align:center;color:#9a9484;padding:0 8px;font-size:13px;font-style:italic;line-height:1.5}.screening-picker{background:#fff;border:4px solid #d0c6ad;border-radius:20px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex}.screening-picker button{background:#faf8f2;border:3px solid #d0c6ad;border-radius:14px;min-height:48px;font-weight:700}.screening-picker button.is-active{background:var(--dd-yellow);border-color:#c9a512}.screening-empty{text-align:center;color:#7e7761;padding:48px 16px}.learn-stepper{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.learn-stepper__item{text-align:center;color:#888;background:#eee9dc;border-radius:999px;flex:auto;min-width:48px;padding:8px 4px;font-size:12px;font-weight:700}.learn-stepper__item.is-active{background:var(--dd-yellow);color:var(--dd-text)}.learn-early{background:radial-gradient(circle 180px at 8% 6%, #93f59c73, transparent 70%), radial-gradient(circle 220px at 92% 88%, #ccdcff8c, transparent 70%), radial-gradient(circle 160px at 48% 52%, #ffd93d2e, transparent 70%), var(--dd-bg);flex-direction:column;gap:16px;min-height:100%;margin:-16px;padding:16px 16px 28px;display:flex;position:relative;overflow:hidden}.learn-early__brand{align-items:center;gap:10px;display:flex}.learn-early__brand-mark{background:var(--dd-yellow);border:3px solid #c9a512;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.learn-early__brand-name{color:#705d00;letter-spacing:.02em;font-size:1.35rem;font-weight:800}.learn-early__badge{color:#005fbb;background:#ccdcff;border:3px solid #4d96ff;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:8px 18px;font-size:.95rem;font-weight:700;display:inline-flex}.learn-early__char-card{aspect-ratio:1;background:#fff;border:4px solid #d0c6ad;border-radius:28px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:8px;width:min(100%,320px);padding:24px;display:flex;position:relative;box-shadow:0 8px #d0c6ad}.learn-early__target{flex-direction:column;align-items:center;gap:8px;display:flex}.learn-early__char-card--compact{aspect-ratio:auto;border-color:#c9a512;width:128px;height:128px;padding:12px;overflow:hidden;box-shadow:0 6px #c9a512}.learn-early__char-card--compact .learn-early__hanzi{font-size:4.5rem}.learn-early__corner{border-color:var(--dd-yellow);pointer-events:none;border-style:solid;width:28px;height:28px;position:absolute}.learn-early__corner--tl{border-width:4px 0 0 4px;border-radius:10px 0 0;top:14px;left:14px}.learn-early__corner--br{border-width:0 4px 4px 0;border-radius:0 0 10px;bottom:14px;right:14px}.learn-early__pinyin{color:#005db8;letter-spacing:.12em;font-size:1.75rem;font-weight:700;transition:opacity .2s,transform .2s}.learn-early__pinyin.is-hidden{opacity:0;pointer-events:none;transform:scale(.85)}.learn-early__pinyin--pill{color:#705d00;letter-spacing:.06em;background:#ffd93d59;border-radius:999px;margin-top:4px;padding:4px 16px;font-size:1.25rem}.learn-early__hanzi{color:#1b1c1c;font-size:clamp(5.5rem,28vw,8.5rem);font-weight:800;line-height:1}.learn-early__listen-btn{background:var(--dd-yellow);color:#705d00;border:4px solid #705d00;border-radius:28px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:10px;width:min(100%,240px);min-height:160px;padding:20px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 8px #705d00}.learn-early__listen-btn:active{transform:translateY(4px);box-shadow:0 4px #705d00}.learn-early__listen-btn.is-playing .learn-early__speaker-ring{animation:.7s learn-pulse}.learn-early__speaker-ring{color:#705d00;background:#fff;border:4px solid #705d00;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.learn-early__cta{color:#00732b;background:#93f59c;border:4px solid #006e29;border-radius:20px;justify-content:center;align-self:center;align-items:center;gap:8px;width:100%;max-width:420px;min-height:64px;margin-top:auto;padding:14px 24px;font-size:1.2rem;font-weight:800;display:inline-flex;box-shadow:0 8px #006e29}.learn-early__cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #006e29}.learn-early__cta--yellow{background:var(--dd-yellow);color:#705d00;border-color:#c9a512;box-shadow:0 8px #c9a512}.learn-early__cta--yellow:active:not(:disabled){box-shadow:0 4px #c9a512}.learn-early__cta--solid{color:#fff;background:#006e29;border-color:#004d1c;box-shadow:0 8px #004d1c}.learn-early__cta--solid:active:not(:disabled){box-shadow:0 4px #004d1c}.learn-early__cta:disabled{opacity:.45;cursor:not-allowed;transform:none}.learn-early__gloss{text-align:center;color:#4d4633;background:#f5f3f3;border:4px solid #d0c6ad;border-radius:20px;align-self:center;width:min(100%,360px);padding:18px 20px;font-size:1.15rem;font-weight:600;line-height:1.5}.learn-early__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.learn-early__toggle{border:4px solid var(--dd-green);color:#006e29;background:#fff;border-radius:999px;align-items:center;gap:8px;min-height:52px;padding:10px 18px;font-weight:800;display:inline-flex}.learn-early__toggle:active{background:#93f59c}.learn-early__speak-round{background:var(--dd-blue);color:#fff;border:4px solid #00468c;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.learn-early__speak-round:active{transform:scale(.94)}.learn-early__speak-round--sm{color:#005db8;background:#ccdcff;border-color:#4d96ff;width:56px;height:56px}.learn-early__scene{background:linear-gradient(#87ceeb 0 55%,#7ec850 55% 78%,#5a9e3a 78% 100%);border:4px solid #d0c6ad;border-radius:20px;align-self:center;width:min(100%,360px);height:140px;position:relative;overflow:hidden}.learn-early__scene-sun{background:#ffd93d;border-radius:50%;width:36px;height:36px;position:absolute;top:14px;right:28px;box-shadow:0 0 0 6px #ffd93d59}.learn-early__scene-cloud{background:#ffffffe6;border-radius:999px;width:48px;height:18px;position:absolute;top:22px;left:24px}.learn-early__scene-cloud:after{content:"";background:#ffffffe6;border-radius:50%;width:24px;height:24px;position:absolute;top:-10px;left:14px}.learn-early__scene-stream{opacity:.85;background:linear-gradient(90deg,#4d96ff,#7eb6ff,#4d96ff);height:22px;position:absolute;top:58%;left:0;right:0}.learn-early__scene-bridge{background:#b67a3c;border-radius:4px;height:14px;position:absolute;top:52%;left:28%;right:28%;box-shadow:0 6px #8a5524}.learn-early__scene-bridge:before,.learn-early__scene-bridge:after{content:"";background:#8a5524;border-radius:3px;width:6px;height:18px;position:absolute;top:-10px}.learn-early__scene-bridge:before{left:10%}.learn-early__scene-bridge:after{right:10%}.learn-early__scene-label{color:#c62828;background:#fff;border:2px solid #d0c6ad;border-radius:12px;padding:4px 10px;font-size:1.1rem;font-weight:800;position:absolute;top:28%;left:18%}.learn-early__hint{text-align:center;color:#7e7761;font-size:.9rem;font-weight:600}.learn-early__words{flex-direction:column;gap:14px;display:flex}.learn-early__word{text-align:left;color:inherit;background:#fff;border:4px solid #d0c6ad;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex;box-shadow:0 4px #d0c6ad}.learn-early__word:active{transform:translateY(2px);box-shadow:0 2px #d0c6ad}.learn-early__word.is-studied{border-color:var(--dd-green);background:#f3fff5;box-shadow:0 4px #3f9a4d}.learn-early__word-text{color:#1b1c1c;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:1.65rem;font-weight:800;display:flex}.learn-early__word-char.is-target{color:#006e29}.learn-early__word-py{color:#9a927c;font-size:.95rem;font-weight:600}.learn-early__grid-bg{opacity:.12;pointer-events:none;background-color:#0000;background-image:linear-gradient(#c9a512 1px,#0000 1px),linear-gradient(90deg,#c9a512 1px,#0000 1px);background-position:50%;background-repeat:repeat,repeat;background-size:50% 50%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}@keyframes learn-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}@media (width>=768px){.learn-early{max-width:520px;margin-left:auto;margin-right:auto}}.learn-write{background:radial-gradient(ellipse 70% 40% at 12% 8%, #ffd93d38, transparent 60%), radial-gradient(ellipse 60% 45% at 90% 88%, #6bcb7729, transparent 55%), radial-gradient(ellipse 50% 40% at 50% 55%, #4d96ff14, transparent 50%), var(--dd-bg);flex-direction:column;gap:16px;min-height:100%;margin:-16px;padding:16px 16px 28px;display:flex}.learn-write__brand{border-bottom:3px solid #d0c6ad;align-items:center;gap:10px;padding-bottom:10px;display:flex}.learn-write__avatar{color:#3d5a40;background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd93d 55%,#e8c020);border:3px solid #c9a512;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.learn-write__brand-name{color:#705d00;letter-spacing:.02em;font-size:1.45rem;font-weight:800}.learn-write__headline{text-align:center;flex-direction:column;gap:4px;display:flex}.learn-write__headline h2{color:#1b1c1c;font-size:1.55rem;font-weight:800}.learn-write__headline p{color:#7e7761;font-size:.95rem;font-weight:700}.learn-write__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.learn-write__badge{color:#4d4633;background:#e4e2e2;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.8rem;font-weight:800}.learn-write__feedback{text-align:center;color:#005fbb;background:#ccdcff;border:3px solid #4d96ff;border-radius:999px;align-self:center;max-width:280px;padding:10px 18px;font-size:.95rem;font-weight:800;animation:3s ease-in-out infinite learn-write-float;box-shadow:0 4px #005db8}.learn-write__feedback--soft{border-radius:18px;box-shadow:0 4px 12px #4d96ff33}.learn-write__feedback--ok{color:#00732b;background:#93f59c;border-color:#006e29;box-shadow:0 4px #006e29}.learn-write__feedback--err{color:#705d00;background:#fff3c4;border-color:#e8c426;box-shadow:0 4px #c9a512}@keyframes learn-write-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.learn-write__pad-wrap{width:100%;max-width:320px;margin:0 auto;position:relative}.learn-write__pad-wrap--accent:before,.learn-write__pad-wrap--accent:after{content:"";pointer-events:none;z-index:2;border:6px solid #705d00;width:22px;height:22px;position:absolute}.learn-write__pad-wrap--accent:before{border-bottom:none;border-right:none;border-radius:10px 0 0;top:-4px;left:-4px}.learn-write__pad-wrap--accent:after{border-bottom:none;border-left:none;border-radius:0 10px 0 0;top:-4px;right:-4px}.learn-write__pad-corners{pointer-events:none}.learn-write__pad-corners span{z-index:2;border:6px solid #705d00;width:22px;height:22px;position:absolute}.learn-write__pad-corners span:first-child{border-top:none;border-right:none;border-radius:0 0 0 10px;bottom:-4px;left:-4px}.learn-write__pad-corners span:nth-child(2){border-top:none;border-left:none;border-radius:0 0 10px;bottom:-4px;right:-4px}.tianzige,.hanzi-pad{aspect-ratio:1;touch-action:none;overscroll-behavior:contain;background:#fff;border:4px solid #d0c6ad;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px #d0c6ad}.tianzige:before,.hanzi-pad:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000 49.4%,#d0c6ad 49.4% 50.6%,#0000 50.6%),linear-gradient(#0000 49.4%,#d0c6ad 49.4% 50.6%,#0000 50.6%),linear-gradient(45deg,#0000 49.2%,#d0c6adb3 49.2% 50.8%,#0000 50.8%),linear-gradient(-45deg,#0000 49.2%,#d0c6adb3 49.2% 50.8%,#0000 50.8%);background-size:100% 100%;position:absolute;inset:0}.hanzi-pad__host{z-index:1;width:100%;height:100%;position:relative}.hanzi-pad__host svg,.hanzi-pad__host canvas{display:block;width:100%!important;height:100%!important}.hanzi-pad__loading,.hanzi-pad__error{z-index:3;text-align:center;color:#7e7761;pointer-events:none;font-size:.9rem;font-weight:700;position:absolute;inset:auto 12px 16px}.hanzi-pad__error{color:#705d00;background:#fff1b4eb;border-radius:12px;padding:8px 10px}.learn-write__controls{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:360px;margin:0 auto;display:grid}.learn-write__controls--3{grid-template-columns:repeat(3,1fr)}.learn-write__ctrl{color:#4d4633;background:#fff;border:4px solid #7e7761;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:10px 6px;font-size:.85rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px #7e7761}.learn-write__ctrl:active{transform:translateY(3px);box-shadow:0 1px #7e7761}.learn-write__ctrl.is-active{background:var(--dd-yellow);color:#725e00;border-color:#705d00;box-shadow:0 4px #705d00}.learn-write__ctrl--green{color:#00732b;background:#93f59c;border-color:#006e29;box-shadow:0 4px #006e29}.learn-write__ctrl--green:active{box-shadow:0 1px #006e29}.learn-write__ctrl--blue{color:#005fbb;background:#ccdcff;border-color:#005db8;box-shadow:0 4px #005db8}.learn-write__ctrl--blue:active{box-shadow:0 1px #005db8}.learn-write__ctrl--round{aspect-ratio:1;border-color:#d0c6ad;border-radius:50%;width:100%;max-width:96px;min-height:0;margin:0 auto;box-shadow:0 6px #d0c6ad}.learn-write__ctrl--round:active{box-shadow:0 2px #d0c6ad}.learn-write__ctrl svg{fill:currentColor;width:28px;height:28px}.learn-write__cta{background:var(--dd-yellow);color:#725e00;border:4px solid #705d00;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:360px;min-height:64px;margin:8px auto 0;padding:16px 24px;font-size:1.15rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 8px #705d00}.learn-write__cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #705d00}.learn-write__cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 4px #c9a512}.learn-write__cta--block{border-radius:18px}.learn-write__cta svg{fill:currentColor;width:26px;height:26px}.quiz-page{--quiz-primary:#705d00;--quiz-yellow:#ffd93d;--quiz-green:#93f59c;--quiz-green-border:#006e29;--quiz-blue:#ccdcff;--quiz-blue-border:#005db8;--quiz-outline:#7e7761;--quiz-outline-soft:#d0c6ad;--quiz-surface:#fbf9f8;background:radial-gradient(ellipse 70% 40% at 8% 0%, #ffd93d47, transparent 55%), radial-gradient(ellipse 55% 45% at 100% 80%, #6bcb772e, transparent 50%), radial-gradient(ellipse 40% 35% at 70% 40%, #4d96ff1f, transparent 50%), var(--quiz-surface);flex-direction:column;gap:20px;min-height:100%;margin:-16px;padding:16px 20px 32px;display:flex;position:relative;overflow:hidden}.quiz-page__header{border-bottom:4px solid #e4e2e2;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding-bottom:12px;display:flex}.quiz-page__back{width:48px;height:48px;color:var(--quiz-primary);background:0 0;border:none;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.quiz-page__back:active{transform:translateY(2px)}.quiz-page__back svg{fill:currentColor;width:28px;height:28px}.quiz-page__title{color:var(--quiz-primary);letter-spacing:-.01em;flex:1;font-size:1.35rem;font-weight:800;line-height:1.25}.quiz-page__brand-pill{border:4px solid var(--quiz-primary);background:var(--quiz-yellow);color:#725e00;border-radius:14px;flex-shrink:0;padding:6px 14px;font-size:1rem;font-weight:800}.quiz-page__progress{background:#efeded;border:4px solid #e4e2e2;border-radius:999px;width:100%;max-width:420px;margin:0 auto;padding:6px}.quiz-page__progress-track{gap:8px;height:18px;display:flex}.quiz-page__seg{background:#e4e2e2;border-radius:999px;flex:1}.quiz-page__seg.is-done{background:#6bcb77;box-shadow:inset 0 -3px #00531d}.quiz-page__seg.is-active{background:var(--quiz-yellow);animation:1.4s ease-in-out infinite quiz-pulse;box-shadow:inset 0 -3px #725e00}@keyframes quiz-pulse{0%,to{opacity:1}50%{opacity:.72}}.quiz-page__main{flex-direction:column;flex:1;align-items:center;gap:24px;width:100%;max-width:420px;margin:0 auto;display:flex}.quiz-page__speaker{border:4px solid var(--quiz-primary);background:var(--quiz-yellow);color:#725e00;width:140px;height:140px;box-shadow:0 8px 0 var(--quiz-primary);border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.quiz-page__speaker:active{box-shadow:0 4px 0 var(--quiz-primary);transform:translateY(4px)}.quiz-page__speaker.is-playing{transform:scale(1.04)}.quiz-page__speaker svg{fill:currentColor;width:64px;height:64px}.quiz-page__speaker-ring{pointer-events:none;border:4px solid #ffd93d8c;border-radius:50%;animation:1.6s ease-out infinite quiz-ring;position:absolute;inset:-8px}@keyframes quiz-ring{0%{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}.quiz-page__choices{flex-direction:column;gap:16px;width:100%;display:flex}.quiz-page__choices--listen .quiz-page__choice:first-child{min-height:88px}.quiz-page__choices-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.quiz-page__choice{border:4px solid var(--quiz-outline-soft);color:#1b1c1c;min-height:80px;box-shadow:0 6px 0 var(--quiz-outline-soft);background:#fff;border-radius:18px;font-size:2.4rem;font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s,background .15s}.quiz-page__choice:active:not(:disabled){box-shadow:0 2px 0 var(--quiz-outline-soft);transform:translateY(4px)}.quiz-page__choice.is-correct{background:var(--quiz-green);border-color:var(--quiz-green-border);box-shadow:0 6px 0 var(--quiz-green-border);color:#00732b}.quiz-page__choice.is-wrong{border-color:#ba1a1a;animation:.45s cubic-bezier(.36,.07,.19,.97) both quiz-shake}@keyframes quiz-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.quiz-page__hint{border:4px solid var(--quiz-outline-soft);color:#4d4633;opacity:0;pointer-events:none;background:#eae8e7;border-radius:999px;align-items:flex-start;gap:10px;width:100%;max-width:420px;padding:12px 18px;font-size:1rem;font-weight:600;line-height:1.45;transition:opacity .25s,transform .25s;display:flex;transform:translateY(6px)}.quiz-page__hint.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.quiz-page__hint-icon{width:28px;height:28px;color:var(--quiz-primary);flex-shrink:0;margin-top:2px}.quiz-page__hint-icon svg{fill:currentColor;width:28px;height:28px}.quiz-page__pinyin{background:var(--quiz-yellow);border:2px solid var(--quiz-primary);color:#725e00;border-radius:999px;margin-left:6px;padding:2px 10px;font-size:.95rem;font-weight:800;display:inline-block}.quiz-page__prompt-card{text-align:center;background:#fff;border:4px solid #e8c426;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:28px 20px;display:flex;box-shadow:0 8px #d0c6ad}.quiz-page__blank-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.quiz-page__blank-char{color:#1b1c1c;font-size:3.6rem;font-weight:800;line-height:1}.quiz-page__blank-slot{border:4px dashed var(--quiz-primary);color:#705d0059;background:#ffd93d1f;border-radius:14px;place-items:center;width:88px;height:88px;font-size:2rem;font-weight:800;display:grid}.quiz-page__blank-slot.is-filled{background:var(--quiz-green);border-style:solid;border-color:var(--quiz-green-border);color:#00732b}.quiz-page__listen-chip{border:4px solid var(--quiz-blue-border);background:var(--quiz-blue);color:#005fbb;box-shadow:0 4px 0 var(--quiz-blue-border);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:1.05rem;font-weight:800;display:inline-flex}.quiz-page__listen-chip:active{box-shadow:0 1px 0 var(--quiz-blue-border);transform:translateY(3px)}.quiz-page__listen-chip svg{fill:currentColor;width:24px;height:24px}.quiz-page__sub{color:#4d4633;font-size:1rem;font-weight:600}.quiz-page__overlay{z-index:80;text-align:center;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;animation:.25s ease-out quiz-fade-in;display:flex;position:fixed;inset:0}@keyframes quiz-fade-in{0%{opacity:0}to{opacity:1}}.quiz-page__overlay h2{color:#006e29;font-size:2.2rem;font-weight:800}.quiz-page__overlay p{color:#1b1c1c;font-size:1.35rem;font-weight:700}.quiz-page__overlay-cta{border:4px solid var(--quiz-primary);background:var(--quiz-yellow);color:#725e00;width:100%;max-width:280px;min-height:64px;box-shadow:0 8px 0 var(--quiz-primary);border-radius:999px;margin-top:12px;font-size:1.2rem;font-weight:800}.quiz-page__overlay-cta:active{box-shadow:0 4px 0 var(--quiz-primary);transform:translateY(4px)}.quiz-page__write-prompt{border:4px solid var(--quiz-outline-soft);text-align:center;background:#f5f3f3;border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:100%;padding:20px;display:flex}.quiz-page__write-prompt h2{color:#1b1c1c;font-size:1.6rem;font-weight:800}.quiz-page__phrase-preview{color:#1b1c1c;align-items:baseline;gap:10px;font-size:2rem;font-weight:800;display:flex}.quiz-page__phrase-dash{border-bottom:4px dashed var(--quiz-primary);width:56px}.quiz-page__pad-wrap{width:100%;max-width:340px;margin:0 auto;position:relative}.quiz-page__pad-shadow{z-index:0;background:#e4e2e2;border-radius:18px;position:absolute;inset:8px 0 -8px}.quiz-page__feedback{text-align:center;color:#4d4633;min-height:28px;font-size:1.05rem;font-weight:700}.quiz-page__feedback.is-ok{color:#006e29}.quiz-page__feedback.is-err{color:#705d00}.quiz-page__controls{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.quiz-page__ctrl{background:var(--quiz-yellow);color:#725e00;border:4px solid #c9a512;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-width:120px;min-height:64px;padding:12px 18px;font-size:1.05rem;font-weight:800;display:inline-flex;box-shadow:0 6px #c9a512}.quiz-page__ctrl:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c9a512}.quiz-page__ctrl--ghost{border-color:var(--quiz-outline);color:#4d4633;box-shadow:0 6px 0 var(--quiz-outline);background:#fff}.quiz-page__ctrl--ghost:active:not(:disabled){box-shadow:0 2px 0 var(--quiz-outline)}.quiz-page__ctrl--icon{border-color:var(--quiz-outline-soft);min-width:64px;box-shadow:0 6px 0 var(--quiz-outline-soft);color:#4d4633;background:#e4e2e2;padding:12px}.quiz-page__ctrl--icon:active:not(:disabled){box-shadow:0 2px 0 var(--quiz-outline-soft)}.quiz-page__ctrl:disabled{opacity:.45;cursor:not-allowed}.quiz-page__ctrl svg{fill:currentColor;width:26px;height:26px}.quiz-page__cta{border:4px solid var(--quiz-primary);background:var(--quiz-yellow);color:#725e00;width:100%;max-width:360px;min-height:64px;box-shadow:0 8px 0 var(--quiz-primary);border-radius:18px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:1.2rem;font-weight:800;display:inline-flex}.quiz-page__cta:active:not(:disabled){box-shadow:0 4px 0 var(--quiz-primary);transform:translateY(4px)}.quiz-page__cta:disabled{opacity:.45;cursor:not-allowed}.quiz-page .tianzige,.quiz-page .hanzi-pad{z-index:1;aspect-ratio:1;border:4px solid var(--quiz-outline);background:#fff;border-radius:16px;width:100%;position:relative;overflow:hidden}.quiz-page .tianzige:before,.quiz-page .hanzi-pad:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000 49.4%,#d0c6ad 49.4% 50.6%,#0000 50.6%),linear-gradient(#0000 49.4%,#d0c6ad 49.4% 50.6%,#0000 50.6%),linear-gradient(45deg,#0000 49.2%,#d0c6adb3 49.2% 50.8%,#0000 50.8%),linear-gradient(-45deg,#0000 49.2%,#d0c6adb3 49.2% 50.8%,#0000 50.8%);background-size:100% 100%;position:absolute;inset:0}.quiz-page .hanzi-pad__host{z-index:1;width:100%;height:100%;position:relative}.quiz-page .hanzi-pad__host svg,.quiz-page .hanzi-pad__host canvas{display:block;width:100%!important;height:100%!important}.quiz-page .hanzi-pad__loading,.quiz-page .hanzi-pad__error{z-index:3;text-align:center;color:#7e7761;pointer-events:none;font-size:.9rem;font-weight:700;position:absolute;inset:auto 12px 16px}.quiz-page .hanzi-pad__error{color:#705d00;background:#fff1b4eb;border-radius:12px;padding:8px 10px}@media (width<=380px){.quiz-page__title{font-size:1.15rem}.quiz-page__brand-pill{display:none}.quiz-page__blank-char{font-size:2.8rem}}.complete-page{--c-primary:#705d00;--c-yellow:#ffd93d;--c-green:#93f59c;--c-green-deep:#006e29;--c-blue:#ccdcff;--c-blue-border:#82a4eb;--c-outline:#d0c6ad;background:radial-gradient(55% 40% at 10% 12%,#ccdcff73,#0000 55%),radial-gradient(50% 40% at 95% 75%,#93f59c47,#0000 50%),#fbf9f8;flex-direction:column;gap:20px;min-height:100%;margin:-16px;padding:16px 20px 36px;display:flex;position:relative;overflow:hidden}.complete-page__header{border-bottom:4px solid #e4e2e2;justify-content:center;align-items:center;min-height:56px;padding-bottom:10px;display:flex}.complete-page__header--bar{justify-content:space-between}.complete-page__header h1{color:var(--c-primary);font-size:1.55rem;font-weight:800}.complete-page__back{width:44px;height:44px;color:var(--c-primary);background:0 0;border:none;place-items:center;display:grid}.complete-page__back svg{fill:currentColor;width:28px;height:28px}.complete-page__stars{justify-content:center;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.complete-page__star{color:var(--c-yellow);animation:3s ease-in-out infinite complete-float}.complete-page__star svg{fill:currentColor;width:48px;height:48px}.complete-page__star--lg svg{width:68px;height:68px}.complete-page__star:nth-child(2){animation-delay:.2s}.complete-page__star:nth-child(3){animation-delay:.4s}@keyframes complete-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(4deg)}}.complete-page__remain{border:2px solid var(--c-primary);background:var(--c-yellow);color:#725e00;border-radius:999px;align-self:center;padding:6px 16px;font-size:.95rem;font-weight:800;box-shadow:0 2px #705d0040}.complete-page__hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.complete-page__hero-label{color:#4d4633;font-size:1.05rem;font-weight:600}.complete-page__char-card{border:4px solid var(--c-yellow);box-shadow:0 6px 0 var(--c-yellow);background:#fff;border-radius:18px;padding:18px 36px;display:inline-block}.complete-page__char-card span{color:var(--c-primary);font-size:4.2rem;font-weight:800;line-height:1}.complete-page__checks{background:#fff;border:4px solid #e4e2e2;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:380px;margin:0 auto;padding:18px;display:flex;box-shadow:0 8px #0000000d}.complete-page__check{border:4px solid var(--c-green);color:#1b1c1c;background:#fbf9f8;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:1.1rem;font-weight:800;display:flex}.complete-page__check-icon{color:#006e29;place-items:center;display:grid}.complete-page__check-icon svg{fill:currentColor;width:30px;height:30px}.complete-page__stats{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:380px;margin:0 auto;display:grid}.complete-page__stat{text-align:center;border:4px solid;border-radius:16px;padding:16px 12px}.complete-page__stat--time{background:var(--c-blue);border-color:var(--c-blue-border);color:#00468c}.complete-page__stat--hint{background:var(--c-green);border-color:var(--c-green-deep);color:#00531d}.complete-page__stat-label{opacity:.85;margin-bottom:4px;font-size:.95rem;font-weight:700}.complete-page__stat-value{font-size:1.55rem;font-weight:800}.complete-page__stat-value small{margin:0 2px;font-size:.85rem}.complete-page__actions{flex-direction:column;gap:14px;width:100%;max-width:380px;margin:8px auto 0;display:flex}.complete-page__cta{border:4px solid var(--c-primary);background:var(--c-yellow);color:#725e00;width:100%;min-height:72px;box-shadow:0 8px 0 var(--c-primary);border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;display:inline-flex}.complete-page__cta:active:not(:disabled){box-shadow:0 4px 0 var(--c-primary);transform:translateY(4px)}.complete-page__cta:disabled{opacity:.5;cursor:not-allowed}.complete-page__cta--ghost{border-color:var(--c-outline);color:#7e7761;min-height:60px;box-shadow:none;background:0 0;font-size:1.15rem}.complete-page__cta--ghost:active:not(:disabled){box-shadow:none;transform:scale(.97)}.complete-page__cta--green{background:var(--c-green);border-color:var(--c-green-deep);color:#00732b;box-shadow:0 8px 0 var(--c-green-deep);border-radius:18px}.complete-page__cta--green:active:not(:disabled){box-shadow:0 4px 0 var(--c-green-deep)}.complete-page__cta--white{color:#4d4633;background:#fff;border-color:#e4e2e2;border-radius:18px;font-size:1.15rem;box-shadow:0 8px #e4e2e2}.complete-page__cta--white:active:not(:disabled){box-shadow:0 4px #e4e2e2}.complete-page__cta svg{fill:currentColor;width:28px;height:28px}.complete-day__mascot{width:160px;height:160px;margin:12px auto 8px;animation:3s ease-in-out infinite complete-float;position:relative}.complete-day__mascot-face{background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd93d 55%,#e8c020);border:4px solid #c9a512;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 10px #705d002e}.complete-day__hat{background:#4d96ff;border:3px solid #2b6cb0;border-radius:8px 8px 4px 4px;width:78px;height:28px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.complete-day__hat:after{content:"";border-bottom:24px solid #4d96ff;border-left:22px solid #0000;border-right:22px solid #0000;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.complete-day__eye{background:#2d3a2e;border-radius:50%;width:12px;height:14px;position:absolute;top:48%}.complete-day__eye--l{left:34%}.complete-day__eye--r{right:34%}.complete-day__smile{border:3px solid #2d3a2e;border-top:none;border-radius:0 0 28px 28px;width:42px;height:22px;margin-left:-21px;position:absolute;bottom:28%;left:50%}.complete-day__star-deco{color:var(--c-yellow);position:absolute}.complete-day__star-deco--l{top:-8px;left:-8px}.complete-day__star-deco--r{color:#6bcb77;top:28px;right:-18px}.complete-day__star-deco svg{fill:currentColor;width:36px;height:36px}.complete-day__headline{text-align:center;flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.complete-day__headline h2{color:var(--c-primary);font-size:2rem;font-weight:800}.complete-day__headline p{color:#4d4633;font-size:1.15rem;font-weight:600}.complete-day__bento{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:420px;margin:0 auto;display:grid}.complete-day__card{text-align:center;background:#fff;border:4px solid;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:18px 14px;display:flex}.complete-day__card--new{border-color:var(--c-yellow);box-shadow:0 6px 0 var(--c-yellow)}.complete-day__card--review{border-color:#6bcb77;box-shadow:0 6px #6bcb77}.complete-day__card--time{background:var(--c-blue);color:#005fbb;text-align:left;border-color:#005db8;flex-direction:row;grid-column:1/-1;justify-content:space-between;padding:18px 20px;box-shadow:0 6px #005db8}.complete-day__card-icon{font-size:1.6rem;line-height:1}.complete-day__card-label{color:#4d4633;font-size:.9rem;font-weight:700}.complete-day__card-value{color:var(--c-primary);font-size:1.7rem;font-weight:800}.complete-day__card--review .complete-day__card-value{color:#006e29}.complete-day__section{width:100%;max-width:420px;margin:8px auto 0}.complete-day__section h3{color:#1b1c1c;align-items:center;gap:8px;margin-bottom:14px;font-size:1.25rem;font-weight:800;display:flex}.complete-day__chars{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.complete-day__chip{border:4px solid var(--c-yellow);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:12px 16px;display:flex;box-shadow:0 6px #e4e2e2}.complete-day__chip--review{border-color:#6bcb77}.complete-day__chip-char{color:var(--c-primary);font-size:2rem;font-weight:800;line-height:1}.complete-day__chip--review .complete-day__chip-char{color:#006e29}.complete-day__chip-tag{color:#00732b;font-size:.75rem;font-weight:800}.parent-today{background:radial-gradient(ellipse 70% 40% at 10% 0%, #ffd93d73, transparent 60%), radial-gradient(ellipse 60% 45% at 100% 90%, #6bcb7747, transparent 55%), radial-gradient(ellipse 40% 30% at 30% 55%, #4d96ff1f, transparent 50%), var(--dd-bg);flex-direction:column;gap:22px;min-height:100%;margin:-16px;padding:0 16px 24px;display:flex}.parent-today__header{z-index:5;background:#faf8f2eb;border-bottom:3px solid #e8e4da;grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;margin:0 -16px;padding:8px 8px 4px;display:grid;position:sticky;top:0}.parent-today__back{width:44px;height:44px;color:var(--dd-text);background:0 0;border:none;place-items:center;font-size:2rem;line-height:1;display:grid}.parent-today__title{text-align:center;color:var(--dd-text);font-size:1.35rem;font-weight:800}.parent-today__spacer{width:44px}.parent-today__overview{background:var(--dd-yellow);border-color:#4a4a4a;box-shadow:0 6px #4a4a4a}.parent-today__overview-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.parent-today__overview-icon{background:#fff;border:4px solid #4a4a4a;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.25rem;display:grid}.parent-today__overview-head h2{color:#725e00;font-size:1.35rem;font-weight:800}.parent-today__loading{color:#725e00;font-weight:600}.parent-today__stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.parent-today__stat{background:#ffffff8c;border:2px solid #4a4a4a26;border-radius:16px;padding:12px 14px}.parent-today__stat--wide{grid-column:1/-1}.parent-today__stat-label{opacity:.7;margin-bottom:4px;font-size:.9rem;font-weight:600}.parent-today__stat-value{color:var(--dd-text);font-size:1.25rem;font-weight:800}.parent-today__stat-value span{font-size:.95rem;font-weight:700}.parent-today__stat-muted{opacity:.65;font-size:1rem;font-weight:700}.parent-today__section-title{align-items:center;gap:8px;margin-bottom:14px;font-size:1.25rem;font-weight:800;display:flex}.parent-today__list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.parent-today__card{border-color:#4a4a4a;padding:20px 16px 16px;position:relative;overflow:hidden;box-shadow:0 6px #4a4a4a}.parent-today__badge{color:#777;background:#f5f3f0;border:2px solid #cfc9b8;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:800;position:absolute;top:12px;right:12px}.parent-today__badge--done{border-color:var(--dd-green);color:#2f8a3d;background:#6bcb7733}.parent-today__card-body{flex-direction:column;align-items:stretch;gap:16px;display:flex}@media (width>=400px){.parent-today__card-body{flex-direction:row;align-items:flex-start}}.parent-today__char-box{background:#fff;border:4px solid #4a4a4a;border-radius:18px;flex-shrink:0;place-items:center;width:80px;height:80px;margin:0 auto;display:grid}.parent-today__char{font-size:2.4rem;font-weight:800;line-height:1}.parent-today__card-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.parent-today__first-label{color:#6a6355;font-size:.9rem;font-weight:600}.parent-today__pills{flex-wrap:wrap;gap:8px;display:flex}.parent-today__pill{border:2px solid;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.parent-today__pill--ok{border-color:var(--dd-green);color:#2f8a3d;background:#6bcb771f}.parent-today__pill--bad{color:#ba1a1a;background:#ba1a1a14;border-color:#ba1a1a}.parent-today__pill--unknown{color:#888;background:#f5f3f0;border-color:#cfc9b8}.parent-today__meta{background:#f0eeea;border:2px solid #4a4a4a14;border-radius:14px;padding:10px 12px}.parent-today__meta-label{color:#6a6355;margin-bottom:2px;font-size:.8rem;font-weight:800}.parent-today__meta-value{font-size:1.05rem;font-weight:800}.parent-today__replay{background:var(--dd-blue);color:#fff;border-color:#2f6fd0;border-radius:16px;width:100%;margin-top:4px;text-decoration:none;box-shadow:0 6px #2f6fd0}.parent-today__replay:active{box-shadow:0 2px #2f6fd0}.parent-today__footer{justify-content:center;padding:12px 0 8px;display:flex}.parent-today__check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;font-size:1.2rem;font-weight:800;display:inline-flex}.parent-today__check input{opacity:0;pointer-events:none;position:absolute}.parent-today__check-box{background:#fff;border:4px solid #4a4a4a;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.parent-today__check-box:after{content:"";opacity:0;border-bottom:3px solid #fff;border-left:3px solid #fff;width:14px;height:8px;transform:rotate(-45deg)translateY(-1px)}.parent-today__check input:checked+.parent-today__check-box{background:var(--dd-green);border-color:#3f9a4d}.parent-today__check input:checked+.parent-today__check-box:after{opacity:1}.parent-today__check input:focus-visible+.parent-today__check-box{outline:3px solid var(--dd-blue);outline-offset:2px}.parent-today__empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:28px 16px;display:flex}.parent-today__empty-btn{min-width:160px;text-decoration:none}.parent-detail{background:radial-gradient(ellipse 65% 40% at 90% 0%, #ffd93d66, transparent 55%), radial-gradient(ellipse 55% 40% at 0% 85%, #6bcb7740, transparent 50%), radial-gradient(ellipse 35% 25% at 70% 50%, #4d96ff1f, transparent 50%), var(--dd-bg);flex-direction:column;gap:18px;min-height:100%;margin:-16px;padding:0 16px 24px;display:flex}.parent-detail__header{z-index:5;background:#faf8f2eb;border-bottom:3px solid #e8e4da;grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;margin:0 -16px;padding:8px 8px 4px;display:grid;position:sticky;top:0}.parent-detail__back{color:#c9a512;background:0 0;border:none;place-items:center;width:44px;height:44px;font-size:2rem;line-height:1;display:grid}.parent-detail__title{text-align:center;color:#c9a512;font-size:1.35rem;font-weight:800}.parent-detail__spacer{width:44px}.parent-detail__loading{text-align:center;color:#777;padding:40px 16px;font-weight:600}.parent-detail__summary{border-color:#4a4a4a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex;box-shadow:0 6px #4a4a4a}.parent-detail__pinyin-block p{color:#6a6355;margin-top:4px;font-size:.95rem;font-weight:600}.parent-detail__pinyin{color:#c9a512;font-size:2.4rem;font-weight:800;line-height:1.1;display:block}.parent-detail__char-tile{border:4px solid var(--dd-yellow);background:var(--dd-yellow);color:#725e00;border-radius:18px;place-items:center;width:96px;height:96px;font-size:3rem;font-weight:800;display:grid}.parent-detail__matrix{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.parent-detail__matrix-cell{background:#fff;border:4px solid #4a4a4a;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px #4a4a4a}.parent-detail__matrix-icon{color:#888;background:#f5f3f0;border:2px solid #cfc9b8;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.2rem;display:grid}.parent-detail__matrix-cell--ok .parent-detail__matrix-icon{border-color:var(--dd-green);color:#2f8a3d;background:#93f59c}.parent-detail__matrix-cell--bad .parent-detail__matrix-icon{color:#ba1a1a;background:#ffdad6;border-color:#ba1a1a}.parent-detail__metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.parent-detail__metric{border-color:#4a4a4a;padding:14px 16px;box-shadow:0 4px #4a4a4a}.parent-detail__metric--wide{grid-column:1/-1}.parent-detail__metric-label{color:#6a6355;margin-bottom:4px;font-size:.9rem;font-weight:600}.parent-detail__metric-value{align-items:flex-end;gap:6px;display:flex}.parent-detail__metric-value strong{color:#c9a512;font-size:2rem;font-weight:800;line-height:1}.parent-detail__metric-value span{color:#6a6355;padding-bottom:4px;font-size:.95rem;font-weight:700}.parent-detail__muted{color:#999;font-size:1.1rem;font-weight:700}.parent-detail__replay{flex-direction:column;gap:12px;display:flex}.parent-detail__canvas-wrap{aspect-ratio:1;background:#fff;border:4px solid #c9a51259;border-radius:20px;width:100%;position:relative;overflow:hidden}.parent-detail__canvas{width:100%;height:100%;display:block}.parent-detail__empty-overlay{text-align:center;pointer-events:none;background:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.parent-detail__empty-overlay p{color:#6a6355;font-weight:800}.parent-detail__empty-hint{max-width:220px;line-height:1.4;color:#999!important;font-size:.9rem!important;font-weight:600!important}.parent-detail__trace-picker{align-items:center;gap:10px;font-weight:700;display:flex}.parent-detail__trace-picker select{min-height:44px;font:inherit;color:var(--dd-text);background:#fff;border:3px solid #4a4a4a;border-radius:12px;flex:1;padding:8px 12px;font-weight:700}.parent-detail__controls{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.parent-detail__ctrl{white-space:nowrap;border-radius:999px;flex:1;min-width:0;min-height:52px;padding:10px 16px;font-size:.95rem}.parent-detail__ctrl--play{background:var(--dd-yellow)}.parent-detail__ctrl:disabled{opacity:.45;cursor:not-allowed}.parent-detail__actions{flex-direction:column;align-items:stretch;gap:10px;padding-top:4px;display:flex}.parent-detail__mark{border-radius:16px;width:100%;min-height:58px}.parent-detail__mark:disabled{opacity:.85;cursor:default}.parent-detail__message{text-align:center;color:#2f8a3d;font-size:.95rem;font-weight:700}.lookup-page{flex-direction:column;gap:20px;padding-bottom:8px;display:flex}.lookup-page__header h1{margin-bottom:6px;font-size:28px;font-weight:800}.lookup-page__header p{color:#777;font-size:15px}.lookup-page__form{flex-direction:column;gap:10px;display:flex}.lookup-page__label{font-size:14px;font-weight:700}.lookup-page__row{align-items:stretch;gap:10px;display:flex}.lookup-page__input{text-align:center;border:4px solid var(--dd-border);min-height:56px;color:var(--dd-text);background:#fff;border-radius:20px;outline:none;flex:1;padding:12px 16px;font-size:28px;font-weight:700}.lookup-page__input:focus{border-color:var(--dd-blue)}.lookup-page__submit{flex-shrink:0;min-width:110px;padding-inline:16px}.lookup-page__error{color:#c0392b;font-size:14px;font-weight:600}.lookup-page__hint{text-align:center;color:#888;padding:24px 8px}.lookup-page__recent h2{margin-bottom:10px;font-size:15px}.lookup-page__chips{flex-wrap:wrap;gap:10px;display:flex}.lookup-page__chip{min-width:56px;min-height:56px;color:var(--dd-text);background:#fff;border:3px solid #cfc9b8;border-radius:16px;padding:8px 14px;font-size:24px;font-weight:800;box-shadow:0 4px #cfc9b8}.lookup-page__chip.is-active{background:var(--dd-yellow);border-color:#c9a512;box-shadow:0 4px #c9a512}.lookup-page__chip:active{transform:translateY(3px);box-shadow:0 1px #cfc9b8}.lookup-page__result{flex-direction:column;align-items:center;gap:16px;display:flex}.lookup-page__char{font-size:48px;font-weight:900;line-height:1}.lookup-page__pad-wrap{width:100%;max-width:320px}.lookup-page__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.lookup-page__ctrl{min-height:56px;color:var(--dd-text);background:#fff;border:3px solid #cfc9b8;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex;box-shadow:0 4px #cfc9b8}.lookup-page__ctrl svg{fill:currentColor;width:22px;height:22px}.lookup-page__ctrl.is-active{background:var(--dd-yellow);border-color:#c9a512;box-shadow:0 4px #c9a512}.lookup-page__ctrl:active{transform:translateY(3px);box-shadow:0 1px #cfc9b8}@media (width>=400px){.lookup-page__controls{grid-template-columns:repeat(4,minmax(0,1fr))}}