:root{--bg: #fff8fb;--card: #ffffff;--primary: #ec6f9d;--primary-deep: #b83f72;--coral: #ff8d79;--peach: #fff0f5;--lilac: #f6efff;--mint: #e8faf4;--text: #3a2940;--muted: #806f83;--line: #f0dce8;--danger: #d95f68;--warn: #d28a35;--ok: #3e9b75}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 8% 0%,#ffe4ef 0,transparent 30%),radial-gradient(circle at 95% 18%,#e9f8ff 0,transparent 25%),var(--bg);color:var(--text);font-size:17px}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4b2a8;outline-offset:3px}.page{max-width:900px;margin:0 auto;padding:28px 20px 80px}.page.center{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12vh}.hero{font-size:clamp(28px,5vw,38px);letter-spacing:-.03em;margin:10px 0 8px}.hero-subtitle{color:var(--muted);line-height:1.6}.eyebrow{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.16em}.big-input{font-size:20px;padding:14px 18px;border-radius:16px;border:2px solid var(--line);background:#fff;width:min(340px,90vw);color:var(--text)}button.primary{font-size:18px;font-weight:700;padding:14px 26px;border-radius:16px;border:none;background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 8px 18px #7b61d933;transition:transform .18s ease,box-shadow .18s ease}button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 22px #7b61d93d}button.primary:disabled{opacity:.5}.welcome-screen{text-align:center;position:relative}.welcome-orbit{color:var(--coral);font-size:42px;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(12deg)}}.home-shell{max-width:980px}.home-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.streak-pill{background:var(--peach);color:#b55c4f;padding:10px 15px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}.journey-banner{display:flex;align-items:center;gap:14px;margin:28px 0 18px;padding:16px 18px;background:var(--lilac);border:1px solid #e1dafd;border-radius:20px}.journey-icon{font-size:32px}.journey-banner p{color:var(--muted);font-size:14px;margin-top:3px}.journey-stars{margin-left:auto;color:#9a86df;letter-spacing:6px}.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.entry-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 22px;text-decoration:none;color:var(--text);box-shadow:0 8px 20px #8d487314;transition:transform .18s ease,box-shadow .18s ease}.entry-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #3f2c5c1f}.entry-card.math{border-top:5px solid var(--coral)}.entry-card.reading{border-top:5px solid #8bcdb2}.entry-emoji{font-size:44px}.entry-title{font-size:22px;font-weight:800;margin:10px 0 5px}.entry-desc{color:var(--muted)}.badge-wall{margin-top:32px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-heading span{color:var(--muted);font-size:13px}.badge{display:inline-block;background:#fff5d8;border:1px solid #f2d987;border-radius:20px;padding:7px 14px;margin:4px}.parent-link{display:block;margin-top:24px;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.attribution{margin-top:48px;font-size:11px;color:#b0bcc7;text-align:center}.loading,.error-screen{text-align:center;padding-top:20vh}.back{color:var(--primary-deep);text-decoration:none;font-size:15px;font-weight:700}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0 24px}.unit-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 14px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 12px #3f2c5c0d;transition:transform .18s ease}.unit-card:hover{transform:translateY(-3px)}.unit-emoji{font-size:30px}.unit-name{font-weight:700}.unit-count{color:var(--muted);font-size:13px}.quiz-progress{width:min(480px,92vw);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.quiz-topic{font-size:26px;margin-bottom:12px}.quiz-prompt{font-size:19px;line-height:1.7;margin-bottom:28px;max-width:520px}.quiz-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.big-btn{font-size:20px;padding:15px 34px;border-radius:16px;border:none;cursor:pointer;color:#fff;min-width:116px;font-weight:700;transition:transform .18s ease}.big-btn:hover{transform:translateY(-2px)}.big-btn.yes{background:var(--ok)}.big-btn.no{background:var(--danger)}.big-btn.unsure{background:var(--warn)}.big-btn.primary{background:var(--primary)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;z-index:99}.view-switch{display:flex;gap:10px;margin:16px 0}.view-switch button{font-size:16px;padding:8px 22px;border-radius:20px;border:2px solid #dde4ec;background:#fff;cursor:pointer}.view-switch button.active{background:var(--primary);border-color:var(--primary);color:#fff}.dep-tree{display:flex;flex-direction:column;gap:8px;margin-top:16px}.tree-node{padding:10px 14px;border-radius:10px;border:2px solid #dde4ec;background:#fff}.tree-node.red{border-color:var(--danger);background:#fff5f5}.tree-node.green{border-color:var(--ok);background:#f2faf2}.tree-node.ghost{border-style:dashed;color:var(--muted);background:#fafafa}.broken-tag{background:#fff3cd;border-radius:10px;padding:2px 8px;font-size:12px;color:#8a6d1a;margin-left:8px}.step-path{list-style:none;margin-top:16px}.step-card{display:flex;gap:12px;background:#fff;border:2px solid #dde4ec;border-radius:12px;padding:14px;margin-bottom:12px}.step-card.gap{border-color:var(--danger);background:#fff5f5}.step-num{background:var(--primary);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-desc{margin:6px 0;line-height:1.6}.step-ev{font-size:14px;color:var(--muted)}.step-prompt{font-size:14px;color:var(--primary);margin-top:4px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:16px}.pack-card{background:var(--card);border-radius:14px;padding:20px 16px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0000000f}.pack-emoji{font-size:36px}.pack-name{font-weight:700;font-size:19px}.pack-desc{color:var(--muted);font-size:14px}.pack-count{color:var(--primary);font-size:13px}.primary-link{display:inline-block;margin-top:16px;background:var(--primary);color:#fff;padding:12px 28px;border-radius:12px;text-decoration:none;font-size:18px}.reader-split{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:12px}.reader-text,.reader-side{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f}.reader-title{font-size:22px;margin-bottom:2px}.reader-subtitle{color:var(--muted);font-size:14px;margin-bottom:12px}.reader-body{font-size:17px;line-height:1.8}.speak-btn{margin-top:14px;background:var(--primary);color:#fff;border:none;border-radius:20px;padding:8px 22px;font-size:15px;cursor:pointer}.speak-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rate-control{color:var(--muted);font-size:13px}.rate-control select{margin-left:6px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--text);background:#fff}.speech-message{color:var(--muted);font-size:12px;margin-top:8px}.vocab-box p,.check-box .check-item{font-size:14px;line-height:1.6;margin:8px 0;display:block}.check-item input{margin-right:8px}.next-btn{margin-top:20px}@media (max-width: 640px){.reader-split{grid-template-columns:1fr}.hero{font-size:23px}}.record-list{list-style:none}.record-list li{background:#fff;border-radius:10px;padding:12px 16px;margin:8px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.print-btn{margin-left:auto;background:#eee;border:none;border-radius:8px;padding:6px 14px;cursor:pointer}.offline-banner{background:#fff3cf;color:#76591d;border-bottom:1px solid #efd58a;padding:8px 16px;text-align:center;font-size:13px}.entry-card.math{background:linear-gradient(135deg,#fff,#fff1f6)}.entry-card.reading{background:linear-gradient(135deg,#fff,#effcf8)}.pack-card:hover,.unit-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #8d48731f}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.back,.print-btn,.attribution,.offline-banner{display:none!important}.page{max-width:none;padding:0}body{background:#fff}}