:root{color:#233044;background:#fff8ed;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #233044;--muted: #6b7a90;--paper: #fffdf8;--cream: #fff8ed;--leaf: #4f9f74;--sun: #f6b84b;--rose: #ef7f72;--sky: #73b8d8;--line: rgba(81, 61, 38, .14);--shadow: 0 20px 50px rgba(94, 70, 38, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fff8edf5,#edf9f2f0),radial-gradient(circle at 12% 8%,rgba(246,184,75,.18),transparent 32%),radial-gradient(circle at 82% 18%,rgba(115,184,216,.2),transparent 30%)}button,input{font:inherit}button{border:0}.welcome-shell,.results-shell{min-height:calc(100vh - 52px);display:grid;place-items:center;padding:32px 16px 76px}.storybook-panel,.results-card{width:min(760px,100%);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(28px,6vw,58px);text-align:center}.brand-mark{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border-radius:26px;background:#f7d487;color:#684a12;box-shadow:inset 0 -8px #ffffff47}.brand-mark.small{width:58px;height:58px;border-radius:20px}.brand-mark svg{width:38px;height:38px}.eyebrow{margin:0 0 10px;color:var(--leaf);font-weight:800;letter-spacing:0}h1,h2,p{margin-top:0}.storybook-panel h1,.results-card h1{margin-bottom:16px;font-size:clamp(34px,8vw,64px);line-height:1.05;letter-spacing:0;color:#263047}.welcome-copy,.result-copy{max-width:560px;margin:0 auto 28px;color:var(--muted);font-size:18px;line-height:1.75}.mode-strip{display:flex;justify-content:center;gap:10px;margin:0 0 30px;flex-wrap:wrap}.mode-strip span{min-width:86px;padding:12px 18px;border-radius:999px;background:#edf7ef;color:#3f7d5f;font-weight:800}.primary-action,.secondary-action,.score-button,.sound-button,.parent-link,.text-button,.sentence-toggle,.icon-button{cursor:pointer;touch-action:manipulation}.primary-action,.secondary-action{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:0 28px;font-size:20px;font-weight:900}.primary-action{background:var(--leaf);color:#fff;box-shadow:0 12px 24px #4f9f7442}.secondary-action{background:#fff;color:var(--leaf);border:2px solid rgba(79,159,116,.32)}.primary-action:disabled{opacity:.55;cursor:wait}.quiet-note,.answer-note,.parent-hint{color:#7c8a9d;font-size:14px;line-height:1.6}.assessment-layout{min-height:calc(100vh - 52px)}.assessment-shell{min-height:calc(100vh - 52px);padding:18px 16px 76px}.kid-header{max-width:900px;margin:0 auto 18px;min-height:58px;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center}.icon-button{width:54px;height:54px;display:inline-grid;place-items:center;border-radius:18px;background:#ffffffd6;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 18px #48341e14}.icon-button:disabled{opacity:.35;cursor:default}.progress-wrap{height:18px;border-radius:999px;background:#ffffffb8;overflow:hidden;border:1px solid var(--line)}.progress-wrap span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4bd50,#62bd82);transition:width .24s ease}.parent-link{min-height:54px;border-radius:18px;padding:0 18px;background:#fff;color:#4d617a;border:1px solid var(--line);font-weight:900}.reading-stage{max-width:900px;margin:0 auto}.prompt-card{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-radius:36px;background:linear-gradient(180deg,#ffffffeb,#fffdf8fa),repeating-linear-gradient(0deg,transparent 0,transparent 58px,rgba(115,184,216,.08) 59px);border:1px solid var(--line);box-shadow:var(--shadow);padding:34px 24px}.rank-pill{position:absolute;top:22px;left:22px;border-radius:999px;padding:8px 13px;color:#fff;font-weight:900}.single-character{font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(112px,30vw,210px);line-height:.95;color:#1f2b3e}.word-context{display:grid;gap:8px;text-align:center}.word-context span{color:var(--muted);font-weight:800}.word-context strong{display:block;font-size:clamp(42px,10vw,74px);letter-spacing:0}.target-letter{color:#d56741;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.sentence-toggle,.sound-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;padding:0 18px;background:#edf7ef;color:#356d50;font-weight:900}.sentence-line{max-width:680px;margin:0;border-radius:20px;background:#fff6dc;padding:16px 20px;font-size:clamp(24px,5.5vw,38px);line-height:1.45;font-weight:900}.word-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.word-chips>.word-chip{min-height:44px;display:inline-flex;align-items:center;border-radius:999px;padding:0 15px;background:#fff;border:1px solid var(--line);color:#4c5e73;font-weight:850}.parent-scoring{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 12px}.score-button{min-height:76px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:22px;color:#fff;font-size:18px;font-weight:900;box-shadow:0 12px 22px #2d3d4824}.score-button svg,.primary-action svg,.secondary-action svg,.sound-button svg,.text-button svg{width:22px;height:22px}.score-independent{background:#4f9f74}.score-context{background:#4c9ec2}.score-unknown{background:#d97863}.navigation-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.answer-note{text-align:center;margin:14px auto 0}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#23304461}.parent-gate{position:relative;width:min(420px,100%);border-radius:28px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:34px;text-align:center}.close-button{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:14px}.gate-icon{width:42px;height:42px;color:var(--leaf)}.parent-gate input{width:100%;height:58px;margin:12px 0 16px;border-radius:18px;border:2px solid rgba(79,159,116,.26);padding:0 18px;text-align:center;font-size:24px;font-weight:900}.parent-panel{width:min(390px,calc(100% - 32px));margin:-58px auto 76px;border-radius:26px;background:#fffdf8f5;border:1px solid var(--line);box-shadow:0 18px 38px #5e46261f;padding:18px}.panel-header,.layer-row-title,.results-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header{margin-bottom:14px;font-weight:900}.text-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--muted);font-weight:800}.result-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0}.result-pair.compact{margin:10px 0 18px}.result-pair>div{border-radius:24px;background:#fff7e9;border:1px solid var(--line);padding:22px 14px}.result-pair span,.result-pair small{display:block;color:var(--muted);font-weight:800}.result-pair strong{display:block;margin:6px 0;font-size:clamp(38px,8vw,58px);color:var(--leaf);line-height:1}.layer-list{display:grid;gap:13px}.layer-row{display:grid;gap:8px}.layer-row-title em,.results-row em{color:var(--muted);font-style:normal;font-weight:800}.dual-meter{position:relative;height:14px;border-radius:999px;overflow:hidden;background:#edf0ee}.dual-meter i,.dual-meter b{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit}.dual-meter i{opacity:.34}.dual-meter b{background:#263047}.results-table{display:grid;gap:10px;margin:22px 0}.results-row{min-height:54px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:0 18px;font-weight:900}.results-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.answer-review{margin-top:24px;text-align:left}.answer-review summary{cursor:pointer;color:var(--muted);font-weight:900}.answer-review div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.answer-review span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eef7f0;font-weight:900}.answer-review span[data-score=context]{background:#e7f5fb}.answer-review span[data-score=unknown]{background:#ffede8}.privacy-note{width:min(94vw,580px);min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:8px 16px;background:#fffdf8e6;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:800;margin:0 auto 16px}.privacy-note svg{width:17px;height:17px}@media(min-width:1180px){.assessment-layout.with-parent{display:grid;grid-template-columns:1fr 390px;align-items:start;gap:24px;max-width:1340px;margin:0 auto;padding-right:16px}.parent-panel{position:sticky;top:20px;margin:76px 0}}@media(max-width:720px){.welcome-shell,.results-shell{align-items:start;padding-top:18px}.storybook-panel,.results-card{border-radius:24px;padding:24px 18px}.kid-header{grid-template-columns:48px 1fr auto;gap:10px}.icon-button{width:48px;height:48px;border-radius:16px}.parent-link{min-height:48px;padding:0 12px}.prompt-card{min-height:430px;border-radius:28px}.parent-scoring{grid-template-columns:1fr}.score-button{min-height:62px}.result-pair{grid-template-columns:1fr}.privacy-note{border-radius:18px;text-align:center}}