/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#263750;--muted:#6f7f91;--cream:#fff9ef;--paper:#fff;--line:#e8edf2;--blue:#3d92e8;--blue-dark:#2d6fae;--sun:#ffbd39;--shadow:0 14px 36px #4259741c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f5f8fb;overflow-x:hidden}body{color:var(--ink);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 82% 7%,#ffe08e4d,#0000 22rem),radial-gradient(circle at 12% 75%,#8bd8ce2e,#0000 26rem),#f5f8fb;min-height:100dvh;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit;touch-action:manipulation}img{max-width:100%}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:4px solid #3d92e847}.access-page{min-height:100svh;padding:max(28px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:radial-gradient(circle at 18% 16%,#ffd33f57,#0000 15rem),radial-gradient(circle at 82% 78%,#40a2f240,#0000 20rem),linear-gradient(145deg,#eaf6ff,#f8fbff 52%,#fff8dc);align-content:center;place-items:center;gap:18px;display:grid}.access-card{text-align:center;background:radial-gradient(circle at 100% 0,#ffd33f33,#0000 11rem),#fffffff5;border:4px solid #fff;border-radius:34px;width:min(470px,100%);padding:52px 44px 36px;position:relative;overflow:hidden;box-shadow:0 26px 70px #184e8433,0 0 0 2px #8bbce8}.access-card:after{content:"";pointer-events:none;border:28px solid #207dd50f;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-70px;right:-55px}.access-badge{background:linear-gradient(150deg,#2588df,#0d5caf);border:5px solid #fff;border-radius:27px 27px 37px 37px;place-items:center;width:82px;height:82px;margin:0 auto 20px;font-size:40px;display:grid;transform:rotate(-2deg);box-shadow:0 8px #0b4b91,0 0 0 4px #ffd33f}.access-eyebrow{color:#1d6cad;letter-spacing:.13em;font-size:12px;font-weight:900}.access-card h1{color:#164f89;margin:9px 0 10px;font-size:clamp(30px,7vw,40px);line-height:1.18}.access-message{color:#667d93;min-height:42px;margin:0 auto 22px;font-size:14px;line-height:1.6}.access-message.error{color:#d44747;font-weight:800}.access-form{z-index:1;text-align:left;gap:12px;display:grid;position:relative}.access-form>label{color:#3f5f7d;font-size:13px;font-weight:900}.password-field{background:#f8fbff;border:2px solid #cbdcec;border-radius:18px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:0 12px 0 15px;transition:border-color .18s,box-shadow .18s;display:grid}.password-field:focus-within{border-color:#3d92e8;box-shadow:0 0 0 4px #3d92e821}.password-field>span{font-size:20px}.password-field input{color:#243d58;background:0 0;border:0;outline:0;min-width:0;height:52px;padding:0;font-size:16px}.password-field input::placeholder{color:#9aaabd}.password-visibility{color:#24679f;cursor:pointer;background:#e7f2fc;border:0;border-radius:12px;min-width:52px;min-height:40px;padding:0 10px;font-size:12px;font-weight:900}.access-submit{color:#fff;cursor:pointer;background:linear-gradient(#ff5b5f,#e63c42);border:2px solid #cf3037;border-radius:18px;min-height:58px;margin-top:4px;font-size:16px;font-weight:900;box-shadow:0 9px 18px #dc343b40,inset 0 1px #ffffff59}.access-submit:disabled{box-shadow:none;color:#718092;cursor:not-allowed;background:#dbe3ea;border-color:#c8d3de}.access-note{z-index:1;color:#73879b;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:11px;line-height:1.5;display:flex;position:relative}.access-footer{color:#42698e;text-align:center;margin:0;font-size:12px;font-weight:800}.playground-shell{min-height:100vh;padding-top:76px;padding-left:238px}.topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #dee6eef2;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mascot{background:#fff1c4;border:2px solid #f6cc66;border-radius:18px;place-items:center;width:50px;height:50px;font-size:29px;display:grid;transform:rotate(-3deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em;font-size:20px}.brand small{color:var(--muted);margin-top:2px;font-size:11px}.top-stats{gap:10px;display:flex}.offline-pill{color:#174b78;background:#edf7ff;border:1px solid #b8d9f6;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-width:86px;padding:8px 12px;display:flex}.offline-pill span{font-size:18px}.offline-pill small{white-space:nowrap;font-size:11px;font-weight:800}.offline-pill.online{color:#17643a;background:#e9fff1;border-color:#8ed5a8}.offline-pill.offline{color:#765116;background:#fff6df;border-color:#efc77f}.stat-pill{cursor:pointer;background:#fff;border:1px solid #e5ebf1;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:26px auto;column-gap:5px;min-width:88px;padding:8px 14px 7px;display:grid}.stat-pill>span{grid-row:1/3;align-self:center;font-size:23px}.stat-pill strong{text-align:left;align-self:end;font-size:16px;line-height:1}.stat-pill small{color:var(--muted);text-align:left;font-size:10px}.sun-pill{background:#fff8db;border-color:#f6d984}.sidebar{z-index:30;background:#f9fbfdf2;border-right:1px solid #e1e7ed;width:238px;padding:16px 14px 28px;position:fixed;top:76px;bottom:0;left:0;overflow-y:auto}.sidebar nav{gap:5px;display:grid}.side-link{color:#506176;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:relative}.side-link>span:first-child{background:var(--item-color);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.side-link>span:first-child{background:color-mix(in srgb, var(--item-color) 17%, white)}}.side-link>span:first-child{font-size:18px}.side-link:hover{background:#fff}.side-link.active{color:var(--ink);background:#fff;box-shadow:0 7px 20px #40586f17}.side-link.active:before{background:var(--item-color);content:"";border-radius:4px;width:4px;position:absolute;top:11px;bottom:11px;left:-5px}.main-content{width:min(1500px,100%);min-height:calc(100vh - 76px);margin:0 auto;padding:30px 34px 70px}.home-page,.learning-page{animation:.34s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.welcome-card{min-height:280px;box-shadow:var(--shadow);background:linear-gradient(120deg,#fffffff0,#fffae5cc),#fff9e6;border:1px solid #f3d9a9;border-radius:30px 48px 30px 30px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);align-items:center;gap:30px;padding:42px 48px;display:grid;position:relative;overflow:hidden}.welcome-card:before{content:"";background:#8bd06d33;border-radius:50%;width:240px;height:160px;position:absolute;bottom:-74px;right:26%}.eyebrow{color:#6e7d91;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.welcome-card h1{letter-spacing:-.04em;max-width:640px;margin:10px 0 12px;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.welcome-card p{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.welcome-actions{gap:12px;margin-top:26px;display:flex}.primary-button,.soft-button{cursor:pointer;border-radius:15px;min-height:46px;padding:0 20px;font-size:14px;font-weight:800}.primary-button{background:var(--blue);color:#fff;border:1px solid #327fc9;box-shadow:0 8px 18px #3d92e83d}.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}.soft-button{background:#fff;border:1px solid #dce5ed}.soft-button:hover{background:#f7fafc}.welcome-scene{background:#cdeaf7;border-radius:48% 52% 49% 51%/60% 46% 54% 40%;place-items:center;min-height:210px;display:grid;position:relative;box-shadow:inset 0 -58px #b8dd92}.scene-sun,.scene-rainbow,.scene-dog,.scene-flowers{position:absolute}.scene-sun{font-size:38px;top:18px;right:34px}.scene-rainbow{font-size:72px;top:35px;left:28px}.scene-dog{z-index:2;filter:drop-shadow(0 10px 8px #364a5b2e);font-size:86px;bottom:26px;left:42%}.scene-flowers{font-size:31px;bottom:18px;right:18px}.section-heading{justify-content:space-between;align-items:end;margin:34px 2px 16px;display:flex}.section-heading h2{margin:3px 0 0;font-size:26px}.text-button{color:var(--blue-dark);cursor:pointer;background:0 0;border:0;padding:7px 2px;font-size:13px;font-weight:800}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.activity-card{border:1px solid var(--item-color);grid-template-columns:58px 1fr 22px;align-items:center;gap:13px;min-height:132px;padding:20px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.activity-card{border:1px solid color-mix(in srgb, var(--item-color) 28%, white)}}.activity-card{background:var(--item-color);border-radius:22px 22px 34px}@supports (color:color-mix(in lab, red, red)){.activity-card{background:color-mix(in srgb, var(--item-color) 9%, white)}}.activity-card{text-align:left;cursor:pointer;transition:all .2s}.activity-card:after{border:18px solid var(--item-color);width:104px;height:104px;position:absolute;bottom:-48px;right:-28px}@supports (color:color-mix(in lab, red, red)){.activity-card:after{border:18px solid color-mix(in srgb, var(--item-color) 13%, white)}}.activity-card:after{content:"";border-radius:50%}.activity-card:hover{transform:translateY(-3px);box-shadow:0 13px 24px #3c566f1a}.activity-icon{background:#fff;border-radius:19px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;box-shadow:0 7px 16px #3c546d17}.activity-copy{min-width:0}.activity-copy strong,.activity-copy small{display:block}.activity-copy strong{font-size:16px}.activity-copy small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}.activity-arrow{z-index:1;width:22px;height:22px;color:var(--item-color);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.home-bottom-grid{grid-template-columns:1.5fr .8fr;gap:16px;margin-top:22px;display:grid}.progress-card,.parent-card{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:144px;box-shadow:0 10px 26px #42597412}.progress-card{grid-template-columns:86px 1fr;align-items:center;gap:18px;padding:24px;display:grid}.mini-illustration{background:#fff4c4;border-radius:24px;place-items:center;width:82px;height:82px;font-size:42px;display:grid}.progress-card h3{margin:5px 0 12px;font-size:18px}.progress-card p{color:var(--muted);margin:8px 0 0;font-size:11px}.progress-track{background:#edf1f5;border-radius:10px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:#ffbd39;height:100%;transition:width .4s;display:block}.parent-card{text-align:left;cursor:pointer;grid-template-columns:52px 1fr 22px;align-items:center;gap:14px;padding:23px;display:grid}.parent-card>span{background:#edf5ff;border-radius:17px;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.parent-card strong,.parent-card small{display:block}.parent-card small{color:var(--muted);margin-top:5px;font-size:11px}.page-title{align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title-icon{background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;box-shadow:0 8px 22px #3e587017}.page-title h1{letter-spacing:-.02em;margin:0;font-size:30px}.page-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.summary-strip{color:#786745;background:#fff9e7;border:1px solid #f0dfb3;border-radius:16px;justify-content:space-between;gap:20px;margin-bottom:16px;padding:14px 18px;font-size:13px;display:flex}.character-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.learning-tile{cursor:pointer;background:#fff;border:1px solid #dfe7ed;border-radius:19px;min-height:168px;padding:17px 10px;transition:all .18s;position:relative}.learning-tile:hover{border-color:#f0ba4b;transform:translateY(-2px);box-shadow:0 10px 22px #435b7217}.character-tile>strong,.character-tile>small,.character-tile>span{display:block}.character-tile>strong{margin-top:4px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:54px;font-weight:700;line-height:1}.character-tile>small{color:var(--blue-dark);margin-top:9px;font-weight:800}.character-tile>span:last-child{color:var(--muted);margin-top:5px;font-size:11px}.learning-tile .learned-mark{font-size:14px;position:absolute;top:10px;right:10px}.learning-tile.learned{background:#fffaf0;border-color:#f2cf70}.poem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.poem-card{text-align:left;cursor:pointer;background:linear-gradient(#ffffffed,#fffcf3f2),repeating-linear-gradient(0deg,#0000,#0000 31px,#f1e8d8 32px);border:1px solid #eadfcf;border-radius:6px 24px 24px;min-height:215px;padding:24px;position:relative;overflow:hidden}.poem-card:hover{border-color:#d5a963;box-shadow:0 12px 28px #53462f1a}.poem-number{color:#b69b75;letter-spacing:.12em;font-family:Georgia,serif;font-size:12px}.poem-icon{font-size:36px;position:absolute;top:20px;right:20px}.poem-title{margin-top:23px}.poem-title strong,.poem-title small{display:block}.poem-title strong{font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:25px}.poem-title small{color:#8d7b64;margin-top:4px;font-size:11px}.poem-lines{color:#4e4b45;gap:4px;margin:15px 0 22px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:17px;line-height:1.45;display:grid}.poem-lines span{display:block}.listen-tag{color:#8f6841;background:#f7efe3;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800}.poem-card.learned{border-color:#e9c974}.panel,.drawing-panel,.notes-panel,.calendar-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 28px #42597412}.panel-heading,.calendar-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel-heading h3,.calendar-heading h3{margin:4px 0 0;font-size:20px}.panel-heading>strong{font-size:13px}.listen-hint{color:var(--muted);font-size:11px;font-weight:700}.number-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);align-items:start;gap:18px;display:grid}.number-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.number-cell{aspect-ratio:1;color:#37516d;cursor:pointer;background:#f8fafb;border:1px solid #e3e9ee;border-radius:11px;min-height:45px;font-size:14px;font-weight:800}.number-cell:hover{background:#eef6ff;border-color:#73aeee}.number-cell.ten{color:#6c5412;background:#fff1ab;border-color:#f3cf6b}.quiz-panel{text-align:center;position:sticky;top:102px}.quiz-panel h3{margin:5px 0 6px}.quiz-dog{margin:15px 0 2px;font-size:58px}.quiz-question{letter-spacing:.04em;margin:8px 0 18px;font-size:40px;font-weight:900}.quiz-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quiz-options button{min-height:62px;color:var(--blue-dark);cursor:pointer;background:#fff;border:2px solid #dce7f0;border-radius:17px;font-size:24px;font-weight:900}.quiz-options button:hover{border-color:var(--blue);background:#edf6ff}.quiz-feedback{color:#b06c4b;min-height:20px;margin:15px 0 5px;font-size:12px}.quiz-feedback.correct{color:#3e9350}.pinyin-panel+.pinyin-panel{margin-top:18px}.pinyin-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;display:grid}.pinyin-grid button{cursor:pointer;background:#f9fcfd;border:1px solid #d9e5ec;border-radius:17px;min-height:100px;padding:13px 7px;position:relative}.pinyin-grid button:hover{background:#ecfaf6;border-color:#55bea9}.pinyin-grid strong,.pinyin-grid span{display:block}.pinyin-grid strong{color:#295577;font-size:27px}.pinyin-grid span{color:var(--muted);margin-top:7px;font-size:11px}.pinyin-grid small{font-size:10px;position:absolute;top:8px;right:8px}.english-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.english-card{cursor:pointer;background:#fbfdff;border:1px solid #dfe7ef;border-radius:18px;min-height:148px;padding:18px 10px;position:relative}.english-card:hover{background:#f5f5ff;border-color:#778cf0}.english-icon,.english-card strong,.english-card small{display:block}.english-icon{margin-bottom:7px;font-size:35px}.english-card strong{color:#304d72;font-size:17px}.english-card small{color:var(--muted);margin-top:4px}.english-card .speaker{font-size:12px;position:absolute;top:10px;right:11px}.english-card.learned{background:#fffcf2;border-color:#e9ce73}.phrase-panel{margin-top:18px}.phrase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.phrase-grid button{cursor:pointer;background:#fff;border:1px solid #dfe7ef;border-radius:17px;min-height:108px;padding:14px}.phrase-grid button:hover{background:#f6f6ff;border-color:#6f85ec}.phrase-grid strong,.phrase-grid span{display:block}.phrase-grid strong{color:#294c76;font-size:16px}.phrase-grid span{color:var(--muted);margin-top:8px;font-size:12px}.daily-banner{background:#fff7cd;border:1px solid #f2d574;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:20px 24px;display:flex}.daily-banner h3{margin:3px 0 0;font-size:20px}.daily-stars{color:#e1a519;gap:7px;font-size:28px;display:flex}.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.daily-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:26px;min-height:360px;padding:24px;box-shadow:0 10px 28px #42597412}.daily-step{color:var(--blue-dark);background:#edf5ff;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}.daily-hero{margin:26px 0 12px;font-size:58px}.daily-card h3{margin:0 0 7px;font-size:22px}.daily-card p{min-height:43px;color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.odd-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.odd-options button{cursor:pointer;background:#fbfcfd;border:1px solid #e3e9ef;border-radius:15px;min-height:58px;font-size:28px}.logic-row{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.logic-row>span:first-child{font-size:40px}.logic-path{color:#9bb0c2;letter-spacing:.25em}.logic-row button{cursor:pointer;background:#fff;border:1px solid #dfe6ec;border-radius:16px;width:54px;height:54px;font-size:24px}.garden-stats{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.garden-stats span{background:#fff;border:1px solid #dfe9dd;border-radius:14px;padding:10px 15px;font-size:12px}.garden-tools{align-items:stretch;gap:10px;margin-bottom:14px;display:flex}.garden-tools>button{text-align:left;cursor:pointer;background:#fff;border:2px solid #dce8dc;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:35px 1fr;align-items:center;min-width:120px;padding:9px 13px;display:grid}.garden-tools>button>span{grid-row:1/3;font-size:28px}.garden-tools>button>strong{font-size:12px}.garden-tools>button>small{color:#867236;font-size:10px}.garden-tools>button.selected{background:#f0faea;border-color:#77b868}.garden-tools .next-round{color:#fff;text-align:center;background:#79bc6a;border-color:#6ba95f;min-width:150px;margin-left:auto;font-weight:900;display:block}.garden-board{box-shadow:var(--shadow);background:#bce5f5;border:4px solid #fff;border-radius:28px;padding-top:82px;position:relative;overflow:hidden}.garden-sky{justify-content:space-around;padding:16px;font-size:28px;display:flex;position:absolute;top:0;left:0;right:0}.garden-grid{background-color:#86cf62;background-image:linear-gradient(90deg,#ffffff2e 50%,#0000 50%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:repeat(6,1fr);display:grid}.garden-grid button{aspect-ratio:1.7;cursor:pointer;background:0 0;border:1px solid #ffffff47;font-size:clamp(25px,4vw,48px)}.garden-grid button:hover{background:#ffffff24}.garden-fence{text-align:center;white-space:nowrap;background:#6aab4e;min-height:54px;padding:10px;font-size:28px;overflow:hidden}.garden-message{color:#6c5a2c;text-align:center;background:#fff8d9;border-radius:15px;margin-top:14px;padding:13px 18px;font-size:13px;font-weight:700}.drawing-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.color-palette,.drawing-actions{gap:9px;display:flex}.color-palette button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #d8e0e7}.color-palette button.selected{box-shadow:0 0 0 3px var(--ink);transform:scale(1.08)}.drawing-panel canvas{cursor:crosshair;touch-action:none;background:#fffdf7;border:2px dashed #d7dfe4;border-radius:20px;width:100%;height:min(56vw,520px);display:block}.drawing-prompt{color:var(--muted);text-align:center;margin-top:13px;font-size:12px}.empty-state{border:1px solid var(--line);text-align:center;background:#fff;border-radius:25px;align-content:center;place-items:center;min-height:380px;padding:40px;display:grid}.empty-state>span{font-size:64px}.empty-state h3{margin:16px 0 6px;font-size:22px}.empty-state p{max-width:460px;color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.7}.wrong-list{gap:10px;display:grid}.wrong-list article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;padding:18px 20px;display:grid}.wrong-icon{background:#fff2e8;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.wrong-list strong,.wrong-list small{display:block}.wrong-list strong{font-size:18px}.wrong-list small{color:var(--muted);margin-top:5px;font-size:11px}.reward-balance{background:#fff7d5;border:1px solid #f2d378;border-radius:24px;align-items:center;gap:20px;margin-bottom:18px;padding:22px 26px;display:flex}.big-sun{font-size:57px}.reward-balance span,.reward-balance strong,.reward-balance small{display:block}.reward-balance span,.reward-balance small{color:#7f7047;font-size:11px}.reward-balance strong{margin:2px 0 3px;font-size:24px}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reward-grid article{border:1px solid var(--line);text-align:center;background:#fff;border-radius:23px;min-height:250px;padding:24px;box-shadow:0 9px 24px #4259740f}.reward-icon{margin-bottom:11px;font-size:48px;display:block}.reward-grid h3{margin:0 0 7px;font-size:18px}.reward-grid article>strong{color:#a47816;font-size:13px}.reward-grid p{min-height:34px;color:var(--muted);margin:10px 0 18px;font-size:11px;line-height:1.5}.reward-grid button{color:#674b07;cursor:pointer;background:#ffcc4c;border:1px solid #e3bd45;border-radius:13px;min-height:41px;padding:0 18px;font-size:12px;font-weight:900}.reward-grid article.locked{background:#fafbfc}.reward-grid article.locked .reward-icon{filter:grayscale(.7);opacity:.55}.reward-grid article.locked button{color:#7b8793;background:#edf0f3;border-color:#e0e4e8}.reward-history{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:17px;display:flex}.reward-history h3{margin:0 10px 0 0;font-size:14px}.reward-history span{background:#f6f8fa;border-radius:10px;padding:7px 10px;font-size:11px}.calendar-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.calendar-summary>div{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:20px}.calendar-summary strong,.calendar-summary span{display:block}.calendar-summary strong{color:#2e689f;font-size:29px}.calendar-summary span{color:var(--muted);margin-top:3px;font-size:11px}.calendar-legend{color:var(--muted);gap:12px;font-size:10px;display:flex}.calendar-week,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-week{margin-bottom:8px}.calendar-week span{color:var(--muted);text-align:center;padding:6px;font-size:11px;font-weight:800}.calendar-day{background:#fafbfc;border:1px solid #e7ebef;border-radius:15px;place-items:center;min-height:78px;display:grid;position:relative}.calendar-day b{font-size:13px}.calendar-day small{font-size:13px;position:absolute;bottom:5px;right:6px}.calendar-day.checked{background:#fff9de;border-color:#f1d074}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--blue)}.calendar-day.blank{background:0 0;border-color:#0000}.note-entry{grid-template-columns:1fr auto;gap:10px;display:grid}.note-entry input{min-height:50px;color:var(--ink);background:#fbfcfd;border:1px solid #dbe3ea;border-radius:14px;padding:0 16px}.note-entry input::placeholder{color:#9ca8b4}.note-list{gap:9px;margin-top:18px;display:grid}.note-list article{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:32px 1fr 34px;align-items:center;gap:12px;min-height:58px;padding:9px 12px;display:grid}.note-check{color:#fff;cursor:pointer;background:#fff;border:2px solid #ced9e2;border-radius:9px;width:30px;height:30px;font-weight:900}.note-list article.done{color:#899488;background:#f5faf4}.note-list article.done .note-check{background:#79b96d;border-color:#79b96d}.note-list article.done>span{text-decoration:line-through}.note-delete{color:#a0abb5;cursor:pointer;background:0 0;border:0;border-radius:9px;width:32px;height:32px;font-size:21px}.note-delete:hover{color:#d26757;background:#fff0ed}.empty-note{color:var(--muted);text-align:center;margin:20px 0;font-size:12px}.reset-progress-card{background:#fff8f8;border:1px solid #f0c7c7;border-radius:20px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;display:grid}.reset-progress-icon{background:#ffebeb;border-radius:17px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.reset-progress-card h3{color:#7d3337;margin:4px 0;font-size:17px}.reset-progress-card p{color:#84686a;margin:0;font-size:12px;line-height:1.55}.reset-progress-button{color:#b43f45;cursor:pointer;background:#fff;border:1px solid #df7478;border-radius:15px;min-height:48px;padding:0 18px;font-size:13px;font-weight:900}.reset-progress-button:hover{background:#fff0f0}.toast{z-index:80;color:#69551e;background:#fff8d9;border:1px solid #f1d071;border-radius:16px;max-width:min(360px,100vw - 40px);padding:14px 18px;font-size:13px;font-weight:800;animation:.24s both toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 38px #3c4e622b}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.mobile-nav{display:none}@media (width<=1180px){.playground-shell{padding-left:205px}.sidebar{width:205px}.main-content{padding-left:24px;padding-right:24px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pinyin-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.playground-shell{padding-bottom:72px;padding-left:0}.topbar{height:68px;padding:0 14px}.brand-mascot{border-radius:15px;width:42px;height:42px;font-size:24px}.brand strong{font-size:16px}.brand small,.stat-pill small{display:none}.top-stats{gap:5px}.offline-pill{border-radius:15px;min-width:45px;padding:8px}.offline-pill small{display:none}.stat-pill{border-radius:15px;grid-template-rows:1fr;grid-template-columns:22px auto;min-width:58px;padding:9px}.stat-pill>span{grid-row:auto;font-size:19px}.stat-pill strong{align-self:center;font-size:14px}.sidebar{display:none}.main-content{min-height:calc(100vh - 68px);padding:18px 16px 48px}.welcome-card{border-radius:26px;grid-template-columns:1fr;padding:30px 26px 22px}.welcome-card h1{font-size:38px}.welcome-scene{min-height:170px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-bottom-grid{grid-template-columns:1fr}.mobile-nav{z-index:60;height:68px;padding:6px 8px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #e1e7ed;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#748393;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:1px;display:grid}.mobile-nav button>span{font-size:20px}.mobile-nav button small{font-size:9px;font-weight:800}.mobile-nav button.active{color:var(--blue-dark);background:#eef6ff}.number-layout{grid-template-columns:1fr}.quiz-panel{position:static}.english-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-grid{grid-template-columns:1fr}.daily-card{min-height:auto}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{bottom:84px;right:16px}}@media (width<=640px){.brand small{display:none}.brand strong{font-size:14px}.stat-pill{min-width:50px;padding:8px 7px}.welcome-card{padding:25px 20px 20px}.welcome-card h1{font-size:32px}.welcome-card p{font-size:13px}.welcome-actions{grid-template-columns:1fr 1fr;display:grid}.activity-grid{gap:9px}.activity-card{grid-template-columns:1fr 20px;align-content:center;min-height:152px;padding:16px}.activity-icon{grid-column:1/3;width:50px;height:50px;font-size:26px}.activity-copy strong{font-size:14px}.progress-card{grid-template-columns:64px 1fr;padding:18px}.mini-illustration{width:62px;height:62px;font-size:31px}.page-title{align-items:flex-start}.page-title-icon{flex:none;width:48px;height:48px;font-size:25px}.page-title h1{font-size:24px}.page-title p{line-height:1.5}.summary-strip{gap:4px;display:grid}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learning-tile{min-height:145px}.character-tile>strong{font-size:44px}.poem-grid{grid-template-columns:1fr}.panel,.drawing-panel,.notes-panel,.calendar-card{border-radius:20px;padding:16px}.number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.number-cell{min-height:49px}.pinyin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.english-grid,.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-banner,.panel-heading,.calendar-heading,.drawing-toolbar{flex-direction:column;align-items:flex-start}.daily-stars{margin-top:10px}.garden-tools{grid-template-columns:1fr 1fr;display:grid}.garden-tools>button{min-width:0}.garden-tools .next-round{grid-column:1/3;min-height:48px;margin-left:0}.garden-grid{grid-template-columns:repeat(3,1fr)}.garden-grid button{aspect-ratio:1.35}.drawing-toolbar{gap:14px;display:flex}.drawing-actions{grid-template-columns:.7fr 1.3fr;width:100%;display:grid}.drawing-actions button{padding:0 10px}.wrong-list article{grid-template-columns:48px 1fr}.wrong-list article .soft-button{grid-column:1/3}.reward-grid{grid-template-columns:1fr}.calendar-summary{grid-template-columns:repeat(2,1fr)}.calendar-week,.calendar-grid{gap:4px}.calendar-day{border-radius:10px;min-height:53px}.calendar-day small{font-size:10px}.note-entry{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--rescue-blue:#1674d1;--rescue-blue-dark:#0d4f9e;--rescue-red:#ef3f45;--rescue-yellow:#ffd33f}.topbar{background:linear-gradient(105deg,#0e5cb4,#1785de 62%,#0c61ba);border-bottom-color:#ffffff3d;box-shadow:0 7px 24px #184c8433}.brand{color:#fff}.brand-mascot{background:#fff;border-color:#ffd54b;box-shadow:0 4px #053a7640}.brand small{color:#ffffffc7}.topbar .stat-pill{color:#173d68;background:#ffffffeb;border-color:#ffffff94}.sidebar{background-color:#f5f9ff;background-image:radial-gradient(circle at 30px 35px,#277dd20f 0 10px,#0000 11px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right-color:#d6e5f5}.side-link.active{color:var(--rescue-blue-dark);box-shadow:0 8px 20px #185b9f1f}.primary-button{background:linear-gradient(#ff5b5f,#e63c42);border-color:#cf3037;box-shadow:0 8px 18px #dc343b40,inset 0 1px #ffffff59}.primary-button:hover{background:linear-gradient(#ed4a50,#d63239)}.primary-button:disabled{box-shadow:none;color:#718092;cursor:not-allowed;background:#dbe3ea;border-color:#c8d3de;transform:none}.welcome-card{background:linear-gradient(120deg,#fffffff5,#eff8ffe6),#eff8ff;border:3px solid #fffc;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);min-height:330px;box-shadow:0 18px 46px #19528b29,0 0 0 1px #c7def3}.welcome-card:before{background:0 0;border:34px solid #2377cd12;width:220px;height:220px;right:40%}.welcome-card .eyebrow{color:var(--rescue-blue-dark)}.welcome-card h1{color:#174b80}.welcome-scene{background:#cde8ff;border:5px solid #fff;border-radius:28px;min-height:270px;overflow:hidden;transform:rotate(1deg);box-shadow:0 15px 28px #22599038,0 0 0 2px #85b8e8}.welcome-scene img{object-fit:contain;object-position:center;background:#d9edff;width:100%;height:100%;min-height:270px;display:block}.scene-mission{color:#fff;letter-spacing:.05em;background:#09427fe6;border:2px solid #fffc;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;position:absolute;bottom:14px;right:16px}.paw-team-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.pup-chip{border:1px solid var(--pup-color);grid-template-columns:48px 1fr;align-items:center;gap:12px;min-height:72px;padding:11px 15px;display:grid}@supports (color:color-mix(in lab, red, red)){.pup-chip{border:1px solid color-mix(in srgb, var(--pup-color) 34%, white)}}.pup-chip{background:var(--pup-color);border-radius:19px}@supports (color:color-mix(in lab, red, red)){.pup-chip{background:color-mix(in srgb, var(--pup-color) 10%, white)}}.pup-chip{box-shadow:0 8px 20px #30507012}.pup-chip>span{background:var(--pup-color);width:46px;height:46px;box-shadow:0 4px 0 var(--pup-color);border:3px solid #fff;border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.pup-chip>span{box-shadow:0 4px 0 color-mix(in srgb, var(--pup-color) 62%, #263750)}}.pup-chip>span{font-size:22px}.pup-chip strong,.pup-chip small{display:block}.pup-chip strong{color:var(--pup-color)}@supports (color:color-mix(in lab, red, red)){.pup-chip strong{color:color-mix(in srgb, var(--pup-color) 72%, #263750)}}.pup-chip strong{font-size:15px}.pup-chip small{color:#718092;margin-top:4px;font-size:10px}.page-title-icon,.mini-illustration{color:#fff;background:linear-gradient(145deg,#2786df,#0d5eb5);border:3px solid #fff;box-shadow:0 7px 18px #2065a938,0 0 0 2px #ffd53f}.activity-card{border-width:2px}.pinyin-grid button{min-height:132px}.pinyin-grid em{color:#218b7f;margin-top:4px;font-size:10px;font-style:normal;font-weight:800;display:block}.assessment-launcher{background:linear-gradient(105deg,#fffffff7,#e8f5fff0),#f1f8ff;border:2px solid #d2e5f8;border-radius:24px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:22px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 11px 27px #26598b17}.assessment-launcher:after{content:"";border:28px solid #1c73cb0f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-74px;right:140px}.assessment-launcher.locked{background:#f8fafc;border-color:#e0e5ea}.assessment-shield{z-index:1;background:linear-gradient(150deg,#2084df,#0e5caf);border:4px solid #fff;border-radius:24px 24px 33px 33px;place-items:center;width:72px;height:72px;font-size:34px;display:grid;box-shadow:0 7px #0d4d93,0 0 0 3px #ffcf32}.assessment-launch-copy{z-index:1}.assessment-launch-copy h3{color:#164f89;margin:4px 0;font-size:21px}.assessment-launch-copy p{color:#6c7d8f;margin:0 0 10px;font-size:12px}.assessment-launch-copy small{color:#536b84;margin-top:7px;font-size:10px;font-weight:800;display:block}.assessment-progress{background:#dfe9f2;border-radius:999px;max-width:440px;height:8px;overflow:hidden}.assessment-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffc82e,#ff9f2e);height:100%;display:block}.assessment-launcher>.primary-button{z-index:1;min-width:116px}.assessment-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b2744a8;place-items:center;padding:20px;animation:.22s both assessment-fade;display:grid;position:fixed;inset:0}@keyframes assessment-fade{0%{opacity:0}to{opacity:1}}.assessment-modal{background:radial-gradient(circle at 92% 8%,#ffd33f54,#0000 140px),#f8fbff;border:5px solid #fff;border-radius:34px;width:min(680px,100%);min-height:520px;padding:34px;position:relative;overflow:hidden;box-shadow:0 28px 80px #001c4159,0 0 0 3px #2f8ce0}.assessment-modal:after{content:"";pointer-events:none;border:34px solid #207dd50f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-54px}.assessment-close{z-index:3;color:#3c5e82;cursor:pointer;background:#e8f1fa;border:0;border-radius:50%;width:40px;height:40px;font-size:24px;position:absolute;top:16px;right:17px}.assessment-modal-head{grid-template-columns:60px 1fr auto;align-items:center;gap:15px;padding-right:44px;display:grid}.assessment-pup{background:linear-gradient(145deg,#2889df,#0d5caf);border-radius:19px 19px 26px 26px;place-items:center;width:58px;height:58px;font-size:29px;display:grid;box-shadow:0 5px #0a4b91}.assessment-modal-head h2{color:#174d82;margin:2px 0 0;font-size:26px}.assessment-modal-head>strong{color:#7c5c00;background:#fff3bd;border-radius:14px;padding:9px 13px}.assessment-stepper{grid-template-columns:repeat(5,1fr);gap:7px;margin:24px 0 30px;display:grid}.assessment-stepper span{background:#dfe7ee;border-radius:999px;height:7px}.assessment-stepper span.done{background:#6bc57a}.assessment-stepper span.current{background:#2787df}.assessment-prompt{color:#526b84;text-align:center;margin:0;font-size:15px;font-weight:800}.replay-button{color:#165695;cursor:pointer;background:#fff;border:2px solid #90bde8;border-radius:23px;grid-template-columns:58px 1fr;align-items:center;gap:12px;width:min(280px,100%);min-height:76px;margin:18px auto 25px;padding:8px 20px 8px 10px;display:grid}.replay-button span{background:#e3f2ff;border-radius:17px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.replay-button strong{font-size:18px}.assessment-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.assessment-options button{color:#174e82;cursor:pointer;background:#fff;border:2px solid #d5e2ed;border-radius:20px;min-height:100px;padding:12px 8px}.assessment-options button:hover:not(:disabled){background:#eef7ff;border-color:#3b91df;transform:translateY(-2px)}.assessment-options button.correct{color:#23763b;background:#e9f8ed;border-color:#4cb969}.assessment-options button.muted:not(.correct){opacity:.48}.assessment-options button span,.assessment-options button strong{display:block}.assessment-options button span{margin-bottom:5px;font-size:30px}.assessment-options button strong{font-size:clamp(22px,3.2vw,34px)}.assessment-feedback{color:#687a8d;text-align:center;min-height:28px;margin-top:18px;font-size:14px;font-weight:900}.assessment-feedback.correct{color:#2d9349}.assessment-feedback.wrong{color:#d45b45}.assessment-result{z-index:1;text-align:center;align-content:center;place-items:center;min-height:450px;display:grid;position:relative}.result-medal{filter:drop-shadow(0 8px 8px #234b742e);margin-bottom:12px;font-size:86px}.assessment-result h2{color:#174e82;margin:8px 0;font-size:34px}.assessment-result>strong{color:#eb4348;font-size:58px}.assessment-result p{color:#64788c;max-width:430px;margin:9px 0 22px}.result-actions{gap:10px;display:flex}@media (width<=900px){.welcome-card{grid-template-columns:1fr}.paw-team-strip,.assessment-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.welcome-card{min-height:auto}.welcome-scene,.welcome-scene img{min-height:210px}.paw-team-strip{gap:8px}.pup-chip{grid-template-columns:38px 1fr;padding:9px}.pup-chip>span{width:38px;height:38px;font-size:17px}.assessment-launcher{grid-template-columns:58px 1fr;padding:18px}.assessment-shield{width:54px;height:54px;font-size:25px}.assessment-launcher>.primary-button{grid-column:1/-1;width:100%}.assessment-modal{border-width:3px;border-radius:25px;min-height:510px;padding:26px 18px}.assessment-modal-head{grid-template-columns:48px 1fr}.assessment-modal-head>strong{grid-column:1/-1;width:fit-content}.assessment-pup{width:46px;height:46px}.assessment-options button{min-height:82px}.reset-progress-card{grid-template-columns:48px 1fr;padding:16px}.reset-progress-icon{width:46px;height:46px}.reset-progress-button{grid-column:1/-1;width:100%}}@media (width>=700px) and (width<=1366px){.playground-shell{--ipad-sidebar:clamp(148px, 18vw, 190px);min-height:100dvh;padding-top:calc(74px + env(safe-area-inset-top));padding-bottom:0;padding-left:var(--ipad-sidebar)}.topbar{height:calc(74px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.sidebar{top:calc(74px + env(safe-area-inset-top));bottom:0;left:env(safe-area-inset-left);width:var(--ipad-sidebar);padding:14px 10px max(24px, env(safe-area-inset-bottom));display:block}.sidebar nav{gap:6px}.side-link{border-radius:15px;gap:8px;min-height:50px;padding:7px 9px;font-size:13px}.side-link>span:first-child{flex:none;width:32px;height:32px}.main-content{width:100%;min-height:calc(100dvh - 74px - env(safe-area-inset-top));padding:22px 20px max(52px, env(safe-area-inset-bottom))}.mobile-nav{display:none}.primary-button,.soft-button,.text-button,.number-cell,.quiz-options button,.note-check,.note-delete,.reset-progress-button{min-height:48px}.poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poem-card{min-height:310px;padding:22px}.poem-lines{min-height:104px;font-size:18px;line-height:1.42}.welcome-scene{aspect-ratio:1672/941;width:100%;min-height:0}.welcome-scene img{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0}}@media (width>=1190px) and (width<=1366px){.poem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=700px) and (width<=820px){.playground-shell{--ipad-sidebar:148px}.topbar{padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}.side-link{font-size:12px}.main-content{padding-left:16px;padding-right:16px}.welcome-card{gap:20px;padding:26px 24px 22px}.welcome-card h1{font-size:36px}.welcome-scene{min-height:0}.pinyin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.english-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poem-card{min-height:300px;padding:20px}.reset-progress-card{grid-template-columns:52px 1fr}.reset-progress-button{grid-column:1/-1;width:100%}}@media (width>=900px) and (width<=1366px) and (orientation:landscape){.main-content{padding-top:18px}.page-title{margin-bottom:18px}.poem-card{min-height:296px}}@media (width<=699px){.playground-shell{min-height:100dvh;padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.main-content{min-height:calc(100dvh - 68px - env(safe-area-inset-top));padding:16px max(14px, env(safe-area-inset-right)) 34px max(14px, env(safe-area-inset-left))}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.welcome-card h1,.page-title h1{overflow-wrap:anywhere}.panel,.drawing-panel,.notes-panel,.calendar-card,.assessment-launcher{max-width:100%}.color-palette{flex-wrap:wrap}.drawing-panel canvas{height:min(72vw,430px);min-height:260px}}@media (width<=430px){.offline-pill{display:none}.brand,.brand>span:last-child{min-width:0}.brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.welcome-actions{grid-template-columns:1fr}.garden-fence{font-size:23px}.access-card{border-width:3px;border-radius:27px;padding:42px 22px 28px}.access-badge{width:72px;height:72px;font-size:34px}}@media (width<=350px){.brand-mascot{width:38px;height:38px}.stat-pill{min-width:50px;padding-left:6px;padding-right:6px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.password-field{grid-template-columns:24px minmax(0,1fr) auto;padding-left:11px}}@media (width>=700px) and (height<=520px) and (orientation:landscape){.playground-shell{padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:calc(62px + env(safe-area-inset-bottom));padding-left:0}.topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left))}.sidebar{display:none}.main-content{min-height:calc(100dvh - 60px - env(safe-area-inset-top));padding:14px max(16px, env(safe-area-inset-right)) 28px max(16px, env(safe-area-inset-left))}.mobile-nav{height:calc(58px + env(safe-area-inset-bottom));padding:4px max(12px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));display:grid}.welcome-card{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);padding:22px 26px}.welcome-card h1{font-size:31px}.welcome-scene{min-height:190px}.paw-team-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}html[data-device=phone],html[data-device=phone] body{width:100%;max-width:100%;overflow-x:hidden}html[data-device=phone] .playground-shell{width:100%;min-width:0;min-height:100dvh;padding-top:calc(68px + env(safe-area-inset-top));padding-right:0;padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:0}html[data-device=phone] .topbar{width:100%;height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left));left:0;right:0}html[data-device=phone] .brand{gap:8px;min-width:0;max-width:calc(100% - 140px)}html[data-device=phone] .brand-mascot{border-radius:14px;flex:0 0 40px;width:40px;height:40px;font-size:22px}html[data-device=phone] .brand>span:last-child{min-width:0}html[data-device=phone] .brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}html[data-device=phone] .brand small,html[data-device=phone] .offline-pill{display:none}html[data-device=phone] .top-stats{flex:none;gap:5px}html[data-device=phone] .stat-pill{border-radius:15px;grid-template-rows:1fr;grid-template-columns:21px auto;min-width:58px;padding:8px 7px}html[data-device=phone] .stat-pill>span{grid-row:auto;font-size:18px}html[data-device=phone] .stat-pill strong{align-self:center;font-size:14px}html[data-device=phone] .stat-pill small,html[data-device=phone] .sidebar{display:none}html[data-device=phone] .main-content{width:100%;min-width:0;max-width:100%;min-height:calc(100dvh - 68px - env(safe-area-inset-top));padding:16px max(14px, env(safe-area-inset-right)) 34px max(14px, env(safe-area-inset-left));margin:0;overflow-x:hidden}html[data-device=phone] .mobile-nav{z-index:60;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #e1e7ed;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}html[data-device=phone] .mobile-nav button{color:#748393;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:1px;min-width:0;display:grid}html[data-device=phone] .mobile-nav button>span{font-size:20px}html[data-device=phone] .mobile-nav button small{font-size:9px;font-weight:800}html[data-device=phone] .mobile-nav button.active{color:var(--blue-dark);background:#eef6ff}html[data-device=phone] .welcome-card,html[data-device=phone] .number-layout,html[data-device=phone] .daily-grid,html[data-device=phone] .home-bottom-grid,html[data-device=phone] .song-lesson-card,html[data-device=phone] .book-search-panel{grid-template-columns:minmax(0,1fr)}html[data-device=phone] .welcome-card{border-radius:24px;gap:18px;min-height:auto;padding:24px 18px 20px}html[data-device=phone] .welcome-card h1{font-size:clamp(28px,8vw,36px)}html[data-device=phone] .welcome-card p{font-size:13px}html[data-device=phone] .welcome-scene,html[data-device=phone] .welcome-scene img{aspect-ratio:1672/941;object-fit:contain;width:100%;min-height:0}html[data-device=phone] .page-title{align-items:flex-start;min-width:0}html[data-device=phone] .page-title>div{min-width:0}html[data-device=phone] .page-title h1{overflow-wrap:anywhere;writing-mode:horizontal-tb;font-size:24px;line-height:1.25}html[data-device=phone] .page-title p{writing-mode:horizontal-tb;line-height:1.5}html[data-device=phone] .page-title-icon{flex:0 0 48px;width:48px;height:48px;font-size:25px}html[data-device=phone] .activity-grid,html[data-device=phone] .paw-team-strip,html[data-device=phone] .assessment-options,html[data-device=phone] .reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-device=phone] .family-learning-strip,html[data-device=phone] .book-grid,html[data-device=phone] .online-book-grid,html[data-device=phone] .poem-grid{grid-template-columns:minmax(0,1fr)}html[data-device=phone] .family-learning-strip>button:last-child{grid-column:auto}html[data-device=phone] .character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-device=phone] .number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}html[data-device=phone] .pinyin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-device=phone] .english-grid,html[data-device=phone] .phrase-grid,html[data-device=phone] .phrase-scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-device=phone] .quiz-panel{position:static}html[data-device=phone] .panel,html[data-device=phone] .drawing-panel,html[data-device=phone] .notes-panel,html[data-device=phone] .calendar-card,html[data-device=phone] .assessment-launcher,html[data-device=phone] .song-lesson-card,html[data-device=phone] .phrase-list-panel,html[data-device=phone] .book-search-panel{min-width:0;max-width:100%}html[data-device=phone] .drawing-panel canvas{width:100%;height:min(72vw,430px);min-height:260px}html[data-device=phone] .toast{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}html[data-device=tablet] .playground-shell{--tablet-sidebar:clamp(150px, 18vw, 210px);min-height:100dvh;padding-top:calc(74px + env(safe-area-inset-top));padding-bottom:0;padding-left:var(--tablet-sidebar)}html[data-device=tablet] .topbar{height:calc(74px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left))}html[data-device=tablet] .sidebar{top:calc(74px + env(safe-area-inset-top));bottom:0;left:env(safe-area-inset-left);width:var(--tablet-sidebar);padding:14px 10px max(24px, env(safe-area-inset-bottom));display:block}html[data-device=tablet] .main-content{width:100%;min-width:0;min-height:calc(100dvh - 74px - env(safe-area-inset-top));padding:22px 20px max(52px, env(safe-area-inset-bottom))}html[data-device=tablet] .mobile-nav{display:none}.pup-mission-banner{background:linear-gradient(90deg, var(--mission-color), #fff 64%), #fff;border:3px solid #fff;border-radius:24px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;margin:-4px 0 18px;padding:18px 22px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pup-mission-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--mission-color) 14%, white), #fff 64%), #fff}}.pup-mission-banner{box-shadow:0 0 0 2px var(--mission-color), 0 11px 26px var(--mission-color)}@supports (color:color-mix(in lab, red, red)){.pup-mission-banner{box-shadow:0 0 0 2px color-mix(in srgb, var(--mission-color) 72%, #174d82), 0 11px 26px color-mix(in srgb, var(--mission-color) 18%, transparent)}}.pup-mission-banner:before{content:"";background:linear-gradient(90deg,#e83e42 0 34%,#ffd33f 34% 67%,#2789df 67%);height:7px;position:absolute;top:0;left:0;right:0}.pup-mission-banner:after{color:var(--mission-color);position:absolute;bottom:-27px;right:14%}@supports (color:color-mix(in lab, red, red)){.pup-mission-banner:after{color:color-mix(in srgb, var(--mission-color) 8%, transparent)}}.pup-mission-banner:after{content:"🐾";pointer-events:none;font-size:92px;line-height:1;transform:rotate(-13deg)}.pup-mission-shield{z-index:1;background:linear-gradient(145deg, var(--mission-color), var(--mission-color));border:5px solid #fff;border-radius:22px 22px 31px 31px;place-items:center;width:70px;height:70px;display:grid}@supports (color:color-mix(in lab, red, red)){.pup-mission-shield{background:linear-gradient(145deg, color-mix(in srgb, var(--mission-color) 76%, white), var(--mission-color))}}.pup-mission-shield{box-shadow:0 6px 0 var(--mission-color), 0 0 0 3px #ffd33f}@supports (color:color-mix(in lab, red, red)){.pup-mission-shield{box-shadow:0 6px 0 color-mix(in srgb, var(--mission-color) 72%, #173c64), 0 0 0 3px #ffd33f}}.pup-mission-shield{font-size:32px}.pup-mission-banner>div,.pup-mission-banner>strong{z-index:1;position:relative}.pup-mission-banner h2{color:#174d82;margin:3px 0 4px;font-size:20px}.pup-mission-banner p{color:#64788c;max-width:760px;margin:0;font-size:11px;line-height:1.65}.pup-mission-banner>strong{border:1px solid var(--mission-color);max-width:210px;padding:9px 13px}@supports (color:color-mix(in lab, red, red)){.pup-mission-banner>strong{border:1px solid color-mix(in srgb, var(--mission-color) 40%, white)}}.pup-mission-banner>strong{color:var(--mission-color);background:#fff;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.pup-mission-banner>strong{color:color-mix(in srgb, var(--mission-color) 76%, #163f68)}}.pup-mission-banner>strong{text-align:center;font-size:10px}.family-learning-strip>button{border-width:2px;position:relative;overflow:hidden}.family-learning-strip>button:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.family-learning-strip>button:first-child{background:linear-gradient(135deg,#fff,#fff3f8);border-color:#f3b7d2}.family-learning-strip>button:first-child:before{background:#ef6fa8}.family-learning-strip>button:nth-child(2){background:linear-gradient(135deg,#fff,#eef7ff);border-color:#afd0ef}.family-learning-strip>button:nth-child(2):before{background:#2477d8}.family-learning-strip>button:nth-child(3){background:linear-gradient(135deg,#fff,#fff9df);border-color:#f1d487}.family-learning-strip>button:nth-child(3):before{background:#e6ad22}.family-learning-icon{box-shadow:0 0 0 2px var(--item-color,#2f8ce0);border:3px solid #fff;border-radius:15px 15px 21px 21px}@supports (color:color-mix(in lab, red, red)){.family-learning-icon{box-shadow:0 0 0 2px color-mix(in srgb, var(--item-color,#2f8ce0) 40%, #cad8e5)}}.song-lesson-card{box-shadow:0 0 0 4px #fff, 0 0 0 6px #2f8ce0, var(--shadow);background:radial-gradient(circle at 96% 8%,#f27cb540,#0000 12rem),linear-gradient(135deg,#fff,#f4f9ff);border-color:#8dc2ee}.song-week-rail button.active{border-color:#ef6fa8;box-shadow:inset 0 5px #2477d8,0 8px 20px #2477d829}.daily-phrase-card{background:radial-gradient(circle at 92% 0,#ffd33f47,#0000 11rem),#f2f8ff;border-color:#8dc2ee;box-shadow:0 0 0 3px #fff,0 0 0 5px #2477d8,0 10px 26px #2477d81f}.daily-phrase-icon,.daily-phrase-card>button,.phrase-play{color:#fff;background:linear-gradient(#3b91e3,#2477d8);border-color:#1e68bb}.phrase-list-panel{box-shadow:inset 0 6px 0 #2477d8, var(--shadow);border:2px solid #b8d5ee}.book-search-panel{background:radial-gradient(circle at 0 100%,#2789df24,#0000 13rem),#fffbea;border-color:#e6ad22;box-shadow:0 0 0 3px #fff,0 0 0 5px #e6ad22,0 10px 25px #57461817}.book-search-box button{color:#4d3907;background:linear-gradient(#ffc93f,#e6ad22)}.book-card{border:2px solid #b8d5ee;box-shadow:inset 0 5px #ffd33f,0 9px 24px #265b8b1a}.book-actions button:first-child{color:#1f68a8;background:#edf7ff;border-color:#9cc7eb}@media (width<=820px){.pup-mission-banner{grid-template-columns:64px minmax(0,1fr);padding:17px 18px}.pup-mission-shield{width:58px;height:58px;font-size:27px}.pup-mission-banner>strong{grid-column:1/-1;max-width:none}}@media (width<=699px){.pup-mission-banner{border-radius:20px;grid-template-columns:50px minmax(0,1fr);gap:12px;margin-top:0;padding:16px 14px}.pup-mission-shield{border-width:3px;border-radius:15px 15px 20px 20px;width:46px;height:46px;font-size:22px}.pup-mission-banner h2{font-size:16px}.pup-mission-banner p{font-size:10px}}.family-learning-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.family-learning-strip>button{text-align:left;cursor:pointer;background:#fffffff0;border:1px solid #dbe7f1;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:78px;padding:12px 15px;display:grid;box-shadow:0 8px 22px #2d4c6d12}.family-learning-strip>button:hover{border-color:#a9c9e7;transform:translateY(-2px)}.family-learning-strip>button>span:nth-child(2){min-width:0}.family-learning-strip strong,.family-learning-strip small{display:block}.family-learning-strip strong{color:#264f76;font-size:14px}.family-learning-strip small{color:#71869a;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.family-learning-strip b{color:#8aa4bb}.family-learning-icon{border-radius:15px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.family-learning-icon.songs{background:#fff0f5}.family-learning-icon.phrases{background:#fff4e7}.family-learning-icon.books{background:#eaf8f1}.content-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.content-summary>div{background:#fff;border:1px solid #dce7f0;border-radius:18px;min-width:0;padding:16px 18px;box-shadow:0 7px 20px #2c4a690f}.content-summary span,.content-summary strong{display:block}.content-summary span{color:#8090a1;margin-bottom:5px;font-size:10px;font-weight:800}.content-summary strong{color:#285a87;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.song-summary>div:first-child,.book-summary>div:first-child{background:#fff6fa;border-color:#f4cfe0}.song-week-rail{scroll-snap-type:x proximity;scrollbar-color:#c9d7e3 transparent;gap:9px;margin:0 0 18px;padding:4px 2px 10px;display:flex;overflow-x:auto}.song-week-rail button{scroll-snap-align:start;color:#617589;text-align:left;cursor:pointer;background:#fff;border:2px solid #e0e8ef;border-radius:18px;align-content:center;gap:3px;min-width:154px;min-height:90px;padding:12px 14px;display:grid}.song-week-rail button>span{color:#d4678e;font-size:10px;font-weight:900}.song-week-rail button strong{color:#425a72;font-size:13px}.song-week-rail button small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.song-week-rail button:hover,.song-week-rail button.active{background:#fff5f9;border-color:#ec82aa}.song-week-rail button.active{transform:translateY(-2px);box-shadow:0 8px 20px #e2619129}.song-week-rail button.done small{color:#3c9660;font-weight:900}.song-lesson-card{box-shadow:var(--shadow);background:radial-gradient(circle at 96% 8%,#ffbcd542,#0000 12rem),#fff;border:2px solid #eadde5;border-radius:28px;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:24px;padding:24px;display:grid}.song-video-wrap{min-width:0}.song-video-wrap iframe,.song-offline-card{aspect-ratio:16/9;background:#17293d;border:0;border-radius:22px;width:100%;display:block;overflow:hidden;box-shadow:0 12px 26px #14314e30}.song-offline-card{color:#fff;text-align:center;align-content:center;place-items:center;padding:24px;display:grid}.song-offline-card>span{font-size:44px}.song-offline-card strong{margin-top:8px}.song-offline-card p{color:#c8d8e7;margin:6px 0 0;font-size:11px}.song-source-note{color:#8594a3;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 0;font-size:9px;display:flex}.song-source-note a,.official-song-link{color:#3f79ad;font-weight:800;text-decoration:none}.song-guide{align-content:start;min-width:0;display:grid}.song-title-row{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:15px;display:grid}.song-big-icon{background:linear-gradient(145deg,#ff9bbb,#ed6e9e);border:3px solid #fff;border-radius:20px;place-items:center;width:60px;height:60px;font-size:30px;display:grid;box-shadow:0 6px #c9537d}.song-title-row h2{color:#3f5270;margin:3px 0 1px;font-size:clamp(23px,3vw,32px);line-height:1.15}.song-title-row p{color:#7e8ea0;margin:0;font-size:11px}.keyword-chips{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.keyword-chips span{color:#b85378;background:#fff0f5;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900}.song-action-list{background:#f5f9fd;border-radius:18px;padding:16px 18px}.song-action-list h3{color:#375d80;margin:0 0 9px;font-size:14px}.song-action-list ol{color:#5e7185;gap:7px;margin:0;padding-left:21px;font-size:12px;line-height:1.55;display:grid}.parent-tip{background:#fff9e9;border:1px solid #f1dca9;border-radius:15px;grid-template-columns:26px 1fr;gap:8px;margin:12px 0;padding:11px 13px;display:grid}.parent-tip p{color:#705e39;margin:0;font-size:10px;line-height:1.6}.song-complete-button{color:#fff;cursor:pointer;background:linear-gradient(#ff8fb6,#ed6e9e);border:2px solid #d65e88;border-radius:16px;min-height:50px;font-size:13px;font-weight:900}.song-complete-button.done{color:#337448;background:#eaf8ee;border-color:#66ae7a}.official-song-link{text-align:center;margin-top:12px;font-size:10px}.daily-phrase-card{background:radial-gradient(circle at 92% 0,#ffcd9247,#0000 11rem),#fffaf4;border:2px solid #f0dcc8;border-radius:24px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:22px 24px;display:grid;box-shadow:0 10px 26px #674e3417}.daily-phrase-icon{background:linear-gradient(145deg,#ffbe6d,#ed8c4e);border-radius:21px;place-items:center;width:64px;height:64px;font-size:31px;display:grid;box-shadow:0 6px #c6763e}.daily-phrase-card h2{color:#704e37;margin:3px 0;font-size:clamp(22px,3.2vw,31px)}.daily-phrase-card p{color:#8c725e;margin:0;font-size:13px}.daily-phrase-card>button{color:#fff;cursor:pointer;background:#ed8c4e;border:0;border-radius:15px;min-height:48px;padding:0 18px;font-weight:900}.phrase-scene-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.phrase-scene-tabs button{cursor:pointer;background:#fff;border:2px solid #e2e8ed;border-radius:18px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:100px;padding:10px 6px;display:grid}.phrase-scene-tabs button>span{font-size:27px}.phrase-scene-tabs strong{color:#52677c;font-size:12px}.phrase-scene-tabs small{color:#91a0ae;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.phrase-scene-tabs button.active{border-color:var(--scene-color);background:var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.phrase-scene-tabs button.active{background:color-mix(in srgb, var(--scene-color) 10%, white)}}.phrase-scene-tabs button.active{box-shadow:0 8px 19px var(--scene-color)}@supports (color:color-mix(in lab, red, red)){.phrase-scene-tabs button.active{box-shadow:0 8px 19px color-mix(in srgb, var(--scene-color) 19%, transparent)}}.phrase-scene-tabs button.active{transform:translateY(-2px)}.phrase-list-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e0e8ef;border-radius:24px;padding:22px}.parent-phrase-list{gap:9px;display:grid}.parent-phrase-list article{background:#fbfcfe;border:1px solid #e5ebf0;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:13px;min-height:88px;padding:12px 13px;display:grid}.parent-phrase-list article.learned{background:#f2fbf5;border-color:#b7ddc3}.phrase-status{color:#c7733c;background:#fff0e2;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.learned .phrase-status{color:#348051;background:#dff3e5}.phrase-main-copy{min-width:0}.phrase-main-copy strong,.phrase-main-copy span,.phrase-main-copy small{display:block}.phrase-main-copy strong{color:#3f5870;font-size:16px}.phrase-main-copy span{color:#6d7f91;margin-top:3px;font-size:12px}.phrase-main-copy small{color:#9a7a60;margin-top:5px;font-size:9px}.phrase-play{color:#a96032;cursor:pointer;background:#fff5eb;border:1px solid #e6c5ab;border-radius:13px;min-height:42px;padding:0 14px;font-size:11px;font-weight:900}.phrase-delete{color:#8b98a4;cursor:pointer;background:#f2f4f6;border:0;border-radius:11px;width:34px;height:34px}.custom-phrase-builder{background:#fffaf5;border:1px dashed #d3bfac;border-radius:20px;margin-top:16px}.custom-phrase-builder>summary{color:#8b603d;cursor:pointer;padding:17px 20px;font-size:13px;font-weight:900}.custom-phrase-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px;display:grid}.custom-phrase-form label{gap:6px;display:grid}.custom-phrase-form label>span{color:#775f4c;font-size:10px;font-weight:900}.custom-phrase-form input,.custom-phrase-form select{color:#4d5d6c;min-width:0;min-height:46px;font:inherit;background:#fff;border:1px solid #dfd2c7;border-radius:13px;padding:0 12px;font-size:12px}.custom-phrase-form .wide{grid-column:span 2}.custom-phrase-form>button{align-self:end}.book-search-panel{background:radial-gradient(circle at 0 100%,#5bb89024,#0000 13rem),#f8fffb;border:2px solid #cfe5da;border-radius:24px;grid-template-columns:minmax(210px,.72fr) minmax(360px,1.28fr);align-items:center;gap:20px;margin-bottom:22px;padding:22px 24px;display:grid;box-shadow:0 10px 25px #336a5214}.book-search-panel h3{color:#376b56;margin:3px 0 0;font-size:22px}.book-search-panel>small{color:#7a9187;grid-column:1/-1;margin-top:-10px;font-size:9px}.book-search-box{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.book-search-box input{color:#405a4f;background:#fff;border:1px solid #bdd8cc;border-radius:15px;min-width:0;min-height:50px;padding:0 15px;font-size:13px}.book-search-box button{color:#fff;cursor:pointer;background:#4fa47f;border:0;border-radius:15px;min-height:50px;padding:0 17px;font-size:12px;font-weight:900}.book-search-box button:disabled{opacity:.62;cursor:wait}.book-heading{margin:0 0 13px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.book-card{background:#fff;border:1px solid #dce6e1;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 9px 24px #36524414}.book-card.read{border-color:#87c8a9;box-shadow:0 10px 26px #44997021}.book-cover{background:radial-gradient(circle at 75% 24%, #ffffff4d 0 28px, transparent 29px), linear-gradient(145deg, var(--book-color), var(--book-color));align-content:center;place-items:center;gap:12px;min-height:176px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.book-cover{background:radial-gradient(circle at 75% 24%, #ffffff4d 0 28px, transparent 29px), linear-gradient(145deg, color-mix(in srgb, var(--book-color) 76%, white), var(--book-color))}}.book-cover:before,.book-cover:after{content:"";border:18px solid #ffffff1f;border-radius:50%;position:absolute}.book-cover:before{width:86px;height:86px;top:-28px;left:-26px}.book-cover:after{width:118px;height:118px;bottom:-36px;right:-34px}.book-cover>span{z-index:1;filter:drop-shadow(0 7px 5px #2a3b332b);font-size:62px}.book-cover>small{z-index:1;color:#fff;background:#ffffff38;border:1px solid #ffffff6b;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:900}.book-cover>b,.online-book-cover>b{z-index:2;color:#36815a;background:#ffffffe6;border-radius:999px;padding:5px 9px;font-size:9px;position:absolute;top:11px;right:11px}.book-card-copy{padding:16px}.book-badges{flex-wrap:wrap;gap:5px;display:flex}.book-badges i{color:#408266;background:#eaf8f0;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.book-card-copy h3,.online-book-grid h3{color:#344f45;margin:10px 0 4px;font-size:15px;line-height:1.35}.book-card-copy>strong{color:#567368;font-size:11px;display:block}.book-card-copy>p,.online-book-grid p{color:#8a9b94;margin:7px 0;font-size:9px}.book-card-copy details{background:#f5faf7;border-radius:13px;margin:11px 0;padding:10px 11px}.book-card-copy summary{color:#4d7866;cursor:pointer;font-size:10px;font-weight:900}.book-card-copy ol{color:#677d73;gap:5px;margin:9px 0 0;padding-left:19px;font-size:9px;line-height:1.55;display:grid}.book-actions{grid-template-columns:minmax(0,1fr) 38px auto;align-items:center;gap:7px;display:grid}.book-actions button,.book-actions a{color:#3c765e;cursor:pointer;background:#eff9f4;border:1px solid #bfd9ce;border-radius:12px;place-items:center;min-height:38px;padding:0 10px;font-size:9px;font-weight:900;text-decoration:none;display:grid}.book-actions button.favorite{color:#d2577f;background:#fff0f5;border-color:#efb4c7}.book-no-local,.book-search-error{color:#748696;text-align:center;background:#f5f8fa;border-radius:18px;padding:26px}.online-book-section{background:#fff;border:1px solid #dae4eb;border-radius:24px;margin-top:22px;padding:22px}.online-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.online-book-grid>article{background:#fbfcfd;border:1px solid #e2e8ed;border-radius:17px;min-width:0;padding:10px}.online-book-cover{aspect-ratio:3/4;background:#eaf0f4;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.online-book-cover img{object-fit:cover;width:100%;height:100%}.online-book-cover>span{font-size:48px}.online-book-grid .book-actions{grid-template-columns:minmax(0,1fr) 36px}.online-book-grid .book-actions a{grid-column:1/-1}.openlibrary-credit{color:#8a98a5;text-align:right;margin:14px 0 0;font-size:8px}@media (width<=1180px){.family-learning-strip,.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-learning-strip>button:last-child{grid-column:1/-1}.song-lesson-card{grid-template-columns:1fr}.phrase-scene-tabs,.online-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px) and (height>=521px){.family-learning-strip,.book-grid{grid-template-columns:1fr}.daily-phrase-card{grid-template-columns:56px minmax(0,1fr)}.daily-phrase-icon{width:54px;height:54px}.daily-phrase-card>button{grid-column:1/-1}.custom-phrase-form{grid-template-columns:1fr 1fr}.custom-phrase-form .wide{grid-column:span 1}.book-search-panel{grid-template-columns:1fr}.book-search-panel>small{margin-top:0}.online-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.family-learning-strip,.content-summary,.book-grid,.online-book-grid{grid-template-columns:1fr}.family-learning-strip>button:last-child{grid-column:auto}.content-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.content-summary>div{padding:12px 9px}.content-summary strong{font-size:14px}.song-week-rail button{min-width:138px}.song-lesson-card{border-radius:22px;gap:18px;padding:14px}.song-source-note{flex-direction:column;align-items:flex-start}.song-title-row{grid-template-columns:54px minmax(0,1fr)}.song-big-icon{width:52px;height:52px;font-size:25px}.daily-phrase-card{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px}.daily-phrase-icon{width:50px;height:50px;font-size:25px}.daily-phrase-card>button{grid-column:1/-1;width:100%}.phrase-scene-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-list-panel{padding:14px}.parent-phrase-list article{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.phrase-status{width:36px;height:36px}.phrase-play{grid-column:2/-1;width:100%}.phrase-delete{grid-area:1/3}.custom-phrase-form{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.custom-phrase-form .wide{grid-column:auto}.book-search-panel{grid-template-columns:1fr;padding:18px}.book-search-box{grid-template-columns:1fr}.book-search-panel>small{grid-column:auto;margin-top:0}.book-cover{min-height:156px}.online-book-grid>article{grid-template-columns:94px minmax(0,1fr);gap:12px;display:grid}.online-book-cover{align-self:start}}@media (width>=700px) and (height<=520px) and (orientation:landscape){.family-learning-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.family-learning-strip>button:last-child{grid-column:auto}.phrase-scene-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}