:root{--grass-action:#6fae48;--leaf-deep:#23401d;--paper-sand:#f5efd8;--paper-light:#fff8de;--book-gold:#ebc95b;--sky-hint:#a9d7d6;--stone-ui:#87936f;--dirt:#9b6a3d;--dirt-dark:#7b4d2d;--ink:#20301c;--muted-ink:#526049;--warning-orange:#d88e47;--border:#2b3425;--shadow-pixel:8px 8px 0 #1c28172e;--shadow-button:6px 6px 0 #0d170a52;--page-pad-x:clamp(20px, 3.5vw, 48px)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper-sand);color:var(--ink);font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(var(--grass-action), var(--grass-action)) top / 100% 20px no-repeat, var(--paper-sand);border:4px solid var(--border);min-height:100vh}.top-bar{min-height:48px;padding:10px var(--page-pad-x) 8px;background:var(--dirt);color:#fff8de;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;font-weight:800;display:flex;position:relative}.top-bar:after{content:"";background:linear-gradient(var(--book-gold), var(--book-gold)) 0 0 / 20px 20px no-repeat, linear-gradient(var(--dirt-dark), var(--dirt-dark)) 52px 2px / 20px 20px no-repeat, linear-gradient(#c18f57, #c18f57) 104px 24px / 20px 20px no-repeat, linear-gradient(#b98651, #b98651) 208px 4px / 20px 20px no-repeat, linear-gradient(var(--dirt-dark), var(--dirt-dark)) 260px 26px / 20px 20px no-repeat, linear-gradient(var(--dirt-dark), var(--dirt-dark)) 332px 4px / 20px 20px no-repeat;pointer-events:none;width:390px;height:44px;position:absolute;bottom:-44px;left:20px}.top-bar__title{font-size:30px;line-height:1.1}.top-bar__meta{text-align:right;font-size:22px}.page{width:min(100%,1366px);padding:44px var(--page-pad-x) 48px;margin:0 auto}.page-title{margin:0 0 10px;font-size:clamp(34px,4vw,44px);line-height:1.16}.page-kicker{color:var(--muted-ink);margin:0;font-size:22px;font-weight:700;line-height:1.35}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.pixel-panel,.pixel-card,.lesson-row,.stat-card,.log-panel,.word-card{border:4px solid var(--border);background:var(--paper-light);box-shadow:var(--shadow-pixel);border-radius:0}.pixel-button{border:4px solid var(--border);background:var(--grass-action);min-height:56px;box-shadow:var(--shadow-button);color:#fff8de;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:22px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}.pixel-button:hover{transform:translate(2px,2px);box-shadow:4px 4px #0d170a52}.pixel-button:disabled,.pixel-card--disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.72}.pixel-button--stone{background:var(--stone-ui)}.pixel-button--gold{background:var(--book-gold);color:var(--ink)}.pixel-button--orange{background:var(--warning-orange)}.pixel-button--wide{min-width:220px;min-height:72px;font-size:28px}.children-grid,.books-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:clamp(24px,6vw,84px);margin-top:92px;display:grid}.books-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:28px;margin-top:54px}.child-card,.book-card{text-align:center;min-height:380px;padding:44px 28px 34px}.book-card{flex-direction:column;justify-content:space-between;align-items:center;min-height:330px;display:flex}.pixel-avatar{border:6px solid var(--border);background:var(--avatar-color);place-items:center;width:164px;height:164px;margin:0 auto 26px;display:grid}.pixel-face{border:4px solid var(--border);background:#f5c99d;width:96px;height:78px;position:relative}.pixel-face:before{content:"";background:var(--ink);width:18px;height:18px;box-shadow:42px 0 0 var(--ink), 14px 34px 0 8px #894536;position:absolute;top:22px;left:18px}.card-title{margin:0 0 12px;font-size:36px;line-height:1.15}.card-copy{color:var(--muted-ink);margin:0;font-size:20px;font-weight:700}.adult-entry{width:fit-content;color:var(--muted-ink);justify-items:center;gap:8px;margin-top:94px;margin-left:auto;font-size:18px;font-weight:800;display:grid}.lesson-tools{flex-wrap:wrap;align-items:center;gap:18px;margin:30px 0 26px;padding:18px 24px;display:flex}.admin-filter-groups{flex-wrap:wrap;gap:18px;display:flex}.admin-filter{position:relative}.admin-filter__trigger{min-width:132px}.admin-filter__menu{z-index:30;border:4px solid var(--border);background:var(--paper-light);min-width:180px;box-shadow:var(--shadow-pixel);padding:8px;display:grid;position:absolute;top:calc(100% + 12px);left:0}.admin-filter__option{min-height:46px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:18px;font-weight:900;display:flex}.admin-filter__option:hover{background:#eadbad}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:690px;padding:0 8px 8px 0;display:grid;overflow:auto}.lesson-row{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:92px;padding:16px 18px;display:grid}.lesson-number{border:4px solid var(--border);background:var(--book-gold);place-items:center;width:62px;height:54px;font-size:20px;font-weight:900;display:grid}.lesson-title{font-size:20px;font-weight:900;display:block}.lesson-subtitle{color:var(--muted-ink);font-size:16px;font-weight:800}.read-layout{--read-content-width:min(100%, 1264px);grid-template-rows:auto auto auto;align-content:start;justify-items:center;gap:clamp(24px,3vh,38px);min-height:calc(100svh - 72px);padding-top:clamp(38px,4.5vh,68px);padding-bottom:clamp(44px,6vh,76px);display:grid}.read-back-button{z-index:3;justify-self:start;min-width:138px;margin-left:8px;position:relative}.read-stage{width:var(--read-content-width);text-align:center;align-content:center;min-height:clamp(500px,42svh,760px);padding:clamp(34px,5vw,62px) clamp(32px,7vw,92px) clamp(26px,4vw,38px);display:grid}.status-badge{border:4px solid var(--border);background:var(--sky-hint);justify-self:end;align-items:center;gap:8px;padding:8px 10px;font-size:18px;font-weight:900;display:inline-flex}.english-sentence{max-width:1060px;margin:clamp(28px,4vh,44px) auto clamp(22px,3vh,30px);font-size:clamp(34px,4vw,46px);font-weight:900;line-height:1.28}.chinese-sentence{color:#725f38;margin:0 auto clamp(42px,5vh,60px);font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.4}.word-chips{flex-wrap:wrap;justify-content:center;gap:18px 16px;max-width:920px;margin:0 auto 4px;display:flex}.word-chip{min-height:48px;color:var(--ink);cursor:pointer;background:#f3e8bf;border:4px solid #907f50;border-radius:0;padding:8px 18px;font-size:18px;font-weight:900}.word-chip--active{background:var(--book-gold)}.progress-track{border:3px solid var(--border);background:#ede1b6;width:100%;max-width:940px;height:18px;margin:0 auto}.progress-fill{background:var(--grass-action);height:100%}.player-bar{width:var(--read-content-width);background:#dfd0a0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.6vw,46px);margin-top:0;padding:clamp(24px,3vw,32px) clamp(24px,4vw,44px);display:grid}.player-bar .pixel-button{white-space:nowrap;width:100%;min-width:0;padding-left:clamp(10px,2vw,24px);padding-right:clamp(10px,2vw,24px)}.player-bar .pixel-button--wide{min-width:0;min-height:clamp(64px,6vh,72px);font-size:clamp(22px,2.4vw,28px)}.word-card{z-index:20;text-align:left;width:min(380px,100vw - 48px);padding:22px;position:fixed;bottom:clamp(250px,25vh,300px);right:clamp(28px,5vw,86px)}.word-card h2{margin:0 0 8px;font-size:34px}.word-card p{color:var(--muted-ink);margin:8px 0;font-size:18px;font-weight:800;line-height:1.38}.complete-panel{text-align:center;gap:22px;max-width:780px;margin:74px auto 0;padding:44px;display:grid}.complete-stats,.stats-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.complete-stats{grid-template-columns:repeat(3,1fr)}.stat-card{padding:22px}.stat-card b{margin-top:10px;font-size:34px;display:block}.admin-form{gap:18px;max-width:520px;margin-top:72px;padding:34px;display:grid}.pixel-input{border:4px solid var(--border);background:var(--paper-light);min-height:64px;color:var(--ink);border-radius:0;outline:none;padding:10px 16px;font-size:24px;font-weight:800}.log-panel{margin-top:38px;padding:24px}.section-heading-row{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.child-manager-panel{margin-bottom:60px}.child-create-form{grid-template-columns:minmax(180px,260px) 1fr auto;align-items:center;gap:18px;margin:18px 0 24px;display:grid}.child-name-input{min-height:56px;font-size:20px}.color-swatches{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{border:4px solid var(--border);cursor:pointer;border-radius:0;width:44px;height:44px;box-shadow:4px 4px #0d170a33}.color-swatch--active{outline:4px solid var(--book-gold);outline-offset:3px}.child-admin-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.child-admin-card{border:4px solid var(--border);background:var(--paper-light);grid-template-columns:82px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.child-admin-card--hidden{opacity:.66}.child-admin-card .pixel-avatar{border-width:4px;width:72px;height:72px;margin:0}.child-admin-card .pixel-face{border-width:3px;width:44px;height:36px}.child-admin-card .pixel-face:before{width:8px;height:8px;box-shadow:20px 0 0 var(--ink), 7px 16px 0 5px #894536;top:10px;left:8px}.child-admin-card h3{margin:0 0 4px;font-size:24px}.child-admin-card p{color:var(--muted-ink);margin:0;font-weight:800}.child-admin-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.child-admin-actions .pixel-button{min-width:0;min-height:52px;padding:8px 14px;font-size:18px}.empty-panel{margin-top:60px;padding:28px;font-size:22px;font-weight:900}.log-table{border-collapse:collapse;width:100%;font-size:18px;font-weight:800}.log-table th,.log-table td{text-align:left;padding:12px 10px}.log-table tbody tr:nth-child(odd){background:#eadbad}.error-text{color:#9d3d25;font-weight:900}@media (max-width:980px){.children-grid,.books-grid,.stats-grid,.complete-stats{grid-template-columns:1fr}.children-grid,.books-grid{margin-top:42px}.player-bar{grid-template-columns:1fr 1fr}.read-stage{min-height:clamp(430px,42svh,560px);padding:34px 22px 24px}.top-bar{flex-direction:column;align-items:flex-start}.child-create-form{grid-template-columns:1fr}}@media (min-width:981px) and (max-width:1180px){.read-layout{--read-content-width:min(100%, 1064px)}.player-bar{gap:20px;padding-left:32px;padding-right:32px}}