:root{--ink:#343246;--line:#eadcc8;--purple:#7664c6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:#faefd9;background-image:radial-gradient(#e9d8b6 1px,transparent 1.3px),linear-gradient(125deg,rgba(255,255,255,.35),transparent 50%);background-size:18px 18px,auto;font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}.notebook{width:min(720px,100%);margin:auto;padding:22px 16px 48px}.paper,.task,.habit{background:rgba(255,253,247,.94);border:1.5px solid var(--line);box-shadow:3px 4px 0 rgba(134,104,81,.13),0 8px 18px rgba(118,91,63,.07)}.hero{position:relative;padding:27px 22px 22px;border-radius:25px 16px 25px 16px;background:linear-gradient(135deg,#fff6d9 0%,#fffdf6 60%,#e6f3ef)}.stickers{position:absolute;right:18px;top:17px;letter-spacing:4px;transform:rotate(7deg);font-size:20px}.eyebrow{margin:0 0 5px;color:#a1775b;font:800 10px ui-monospace,monospace;letter-spacing:1.4px}.hero h1{margin:0;font-family:KaiTi,"STKaiti",serif;font-size:clamp(32px,9vw,48px);line-height:1.08}.hero p:not(.eyebrow){margin:9px 0 17px;font-size:14px;color:#665e68}.rule{display:inline-flex;gap:6px;padding:7px 11px;border:1px dashed #d49e79;border-radius:999px;background:#fff7e8;font-size:12px;color:#795a48}.rule b{font-weight:600;color:#a46e51}.datebar{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin:15px 0;padding:12px;border-radius:15px 22px 15px 22px}.datebar label,#status{display:block;color:#a27a61;font-size:11px;font-weight:700}.datebar input{display:block;width:100%;padding:5px 0;border:0;border-bottom:1.5px dashed #d8bca1;outline:0;background:transparent;color:var(--ink);font-size:14px}.kids{display:grid;grid-template-columns:1fr 1fr;gap:11px}.kid{display:grid;grid-template-columns:42px 1fr;gap:0 9px;padding:14px 11px;border:2px solid transparent;border-radius:20px 13px 20px 13px;text-align:left;color:var(--ink);background:#fffdf8;box-shadow:2px 3px 0 rgba(134,104,81,.1)}.kid.simba{background:linear-gradient(125deg,#fff4d9,#fffdf8)}.kid.bati{background:linear-gradient(125deg,#eaf7f2,#fffdf8)}.kid.selected.simba{border-color:#f0ad48}.kid.selected.bati{border-color:#70b59d}.avatar{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:26px;background:#fff}.kid strong{font-size:21px}.kid small{font-size:11px;font-weight:500}.kid em{grid-column:1/-1;margin-top:8px;font-style:normal;color:#7b6577;font-size:12px}.energy{display:flex;justify-content:space-between;align-items:center;margin:14px 0 22px;padding:14px 16px;border-radius:15px 23px 15px 23px;background:linear-gradient(100deg,#7664c6,#9588d6);color:white;border-color:#7664c6}.energy strong{display:block;font-size:31px}.energy strong small,.energy b small{font-size:13px;font-weight:500}.energy #status{color:#e8e4ff}.energy>div:last-child{padding-left:17px;border-left:1px dashed #dcd5ff;text-align:right}.energy span,.energy i{display:block;font-size:10px;color:#e6e2fd;font-style:normal}.energy b{display:block;margin:2px 0;font-size:21px}.heading{display:flex;justify-content:space-between;align-items:end;margin:22px 2px 9px}.heading h2{margin:0;font-family:KaiTi,"STKaiti",serif;font-size:24px}.moon{font-size:26px}.tasks{display:grid;gap:9px}.task{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 10px;border-radius:13px 19px 13px 19px}.icon{display:grid;place-items:center;width:35px;height:35px;border-radius:13px 9px 12px 9px;background:#fff0db;font-size:19px}.copy h3,.habit h3{margin:0;font-size:14px}.copy h3 b,.habit h3 b{color:#d47948;font-size:12px}.copy p,.habit p{margin:3px 0 0;color:#8d7b71;font-size:11px}.score{display:flex;align-items:center;gap:6px}.score button{width:29px;height:29px;padding:0;border:1px solid #e9cfb6;border-radius:10px 8px;background:#fff7ed;color:#b76b40;font-size:19px;font-weight:700}.score button:last-child{background:#fce2c8}.score output{min-width:22px;text-align:center;font-weight:800}.habit{padding:13px;border-radius:18px 13px;background:linear-gradient(125deg,#eef8f3,#fffdf7)}.habittop{display:flex;gap:9px;align-items:center}.habits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 5px;margin-top:11px}.habits label{display:flex;align-items:center;gap:5px;color:#5a6962;font-size:11px}.habits input{accent-color:#76b79e}.reflection{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border-radius:18px 13px}.reflection label{color:#9a7460;font-size:12px;font-weight:800}.reflection textarea{display:block;width:100%;height:74px;margin-top:6px;padding:7px 0;resize:none;outline:0;border:0;border-bottom:1.5px dashed #dfc6ad;background:repeating-linear-gradient(transparent 0 22px,rgba(209,175,145,.2) 23px);color:#4d4550;line-height:23px;font-size:13px}.history{padding:13px;border-radius:15px 22px}.historyrow{display:grid;grid-template-columns:42px minmax(40px,1fr) 40px 40px;gap:7px;align-items:center;min-height:35px;border-bottom:1px dashed #e8d6bf;color:#796b61;font-size:11px}.historyrow:last-child{border:0}.bars{display:grid;gap:3px}.bars i{height:5px;min-width:2px;border-radius:99px;background:#f2a658}.bars i+i{background:#79b8a2}.empty{text-align:center;color:#9b8c80;font-size:13px}footer{padding:25px 0 0;color:#9c7e6d;font-family:KaiTi,"STKaiti",serif;text-align:center}footer span{color:#e79a6b}@media(max-width:420px){.notebook{padding:14px 11px 35px}.hero{padding:23px 16px 18px}.hero h1{font-size:34px}.rule b{display:none}.task{grid-template-columns:34px minmax(0,1fr) auto;gap:7px;padding:10px 8px}.reflection{grid-template-columns:1fr}.reflection textarea{height:59px}}