@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--ink:#4a2e20;--muted:#866f62;--line:#eee3da;--cream:#fffaf3;--coral:#ff6148;--green:#59a748;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{min-width:320px;overflow:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.native-runtime{background:var(--cream);width:100%;height:100dvh}.native-scroll{-webkit-overflow-scrolling:touch;--mobile-safe-area-height:env(safe-area-inset-bottom,0px);width:100%;height:100%;overflow:hidden auto}.native-sheet-overlay{z-index:1000;background:#00000057;position:fixed;inset:0}.native-bottom-sheet{z-index:1001;min-height:260px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{flex:0 0 30px;place-items:center;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:800}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.app-screen{background:var(--cream);max-width:720px;margin:0 auto;font-family:Noto Sans SC,system-ui,sans-serif}.score-screen{min-height:100%;padding-bottom:calc(var(--mobile-safe-area-height) + 26px);color:var(--ink);background:#fffdf9}button{-webkit-tap-highlight-color:transparent}.login-screen{min-height:100%;padding:80px 34px calc(var(--mobile-safe-area-height) + 40px);color:var(--ink);text-align:center;background:linear-gradient(#fff1d5,#fffaf4 55%);align-content:center;display:grid}.login-screen>img{mix-blend-mode:multiply;border-radius:50%;width:92px;height:92px;margin:0 auto 12px}.login-screen h1{color:#eb5d2e;margin:0;font-size:30px}.login-screen>p{color:var(--muted);margin:8px 0 26px}.login-roles{background:#f4e7dc;border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.login-roles button{color:#876e60;background:0 0;border:0;border-radius:20px;min-height:42px}.login-roles button.selected{color:var(--coral);background:#fff;font-weight:700;box-shadow:0 3px 12px #623f2814}.login-screen>label{text-align:left;margin-bottom:7px}.login-screen>input{background:#fff;border:1px solid #e7d7cb;border-radius:14px;height:50px;padding:0 15px;font-size:16px}.login-screen>strong{color:#bd4d42;margin-top:8px;font-size:12px}.login-submit{background:var(--coral);color:#fff;border:0;border-radius:25px;min-height:50px;margin-top:16px;font-size:16px;font-weight:700}.login-submit:disabled{opacity:.45}.hero{background:#fff7e9 url(/assets/childspop/header-watercolor.png) 50%/cover no-repeat;height:162px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(#0000,#fffaf3f5);height:34px;position:absolute;inset:auto 0 0}.hero-copy{z-index:1;padding:64px 24px 0;position:relative}.hero h1{color:#ed5b27;letter-spacing:1px;margin:0;font-size:30px;line-height:1}.hero p{color:#9a552c;letter-spacing:.5px;margin:12px 0 0;font-size:14px}.child-summary{border-bottom:1px solid var(--line);background:#ffffffd6;grid-template-columns:78px 122px 1fr 50px;align-items:center;min-height:126px;padding:14px 18px;display:grid}.avatar{object-fit:cover;border:5px solid #fff;border-radius:50%;width:72px;height:72px;box-shadow:0 2px 12px #8e633b1f}.child-info{min-width:0;padding-left:8px}.child-switch{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:flex}.child-switch strong{font-size:23px}.child-switch span{color:var(--muted);font-size:13px}.child-switch svg{width:18px;height:18px}.message-link{color:#9a6648;white-space:nowrap;background:#fffaf6;border:1px solid #eadfd5;border-radius:18px;align-items:center;gap:5px;min-height:34px;margin-top:4px;padding:0 9px;font-size:11px;display:flex}.message-link b{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.points-summary{border-left:1px solid var(--line);text-align:right;padding-left:15px}.points-summary span{color:#9b6b49;font-size:12px;display:block}.points-summary strong{color:var(--coral);font-size:37px;font-weight:600;line-height:1.2;display:block}.points-summary small{color:#9a603b;margin-left:3px;font-size:13px;font-weight:500}.coin-stack{object-fit:cover;mix-blend-mode:multiply;border-radius:50%;width:52px;height:52px}.week-strip{border-bottom:1px solid var(--line);background:#fffaf4;grid-template-columns:repeat(7,1fr);gap:3px;padding:14px 12px 8px;display:grid}.week-strip button{color:#927b6e;background:0 0;border:0;border-radius:13px;place-items:center;min-width:0;min-height:74px;padding:7px 2px;display:grid;position:relative}.week-strip span{font-size:10px}.week-strip strong{font-size:17px;line-height:1}.week-strip small{color:#a99a90;font-size:10px}.week-strip b{background:var(--coral);color:#fff;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:500;position:absolute;bottom:-4px}.week-strip button.selected{color:var(--coral);background:#fff0e4;box-shadow:inset 0 0 0 1px #ffd8c5}.week-strip button.selected small{color:var(--coral);font-weight:700}.today-heading{justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.today-heading h2{margin:0;font-size:17px}.today-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.today-heading>strong{color:var(--coral);font-size:13px}.quick-adjust{align-items:center;gap:7px;padding:0 16px 12px;display:flex;overflow:hidden}.quick-adjust>button{color:#6f5a4e;background:#fff;border:1px solid #e8ddd5;border-radius:18px;flex:none;align-items:center;gap:5px;min-height:36px;padding:0 11px;font-size:11px;display:flex}.quick-adjust>button:first-child{color:#4d9140;background:#f5fbf2;border-color:#cfe5c9}.quick-adjust>button:nth-child(2){color:#bb5446;background:#fff5f2;border-color:#f0d4cf}.quick-adjust svg{width:13px;height:13px}.quick-adjust .adjustment-chip{background:#fffaf4;padding-right:9px}.adjustment-chip strong{color:var(--coral)}.task-list{border:1px solid var(--line);background:#ffffffeb;border-radius:16px;margin:0 16px;overflow:hidden}.task-row{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) 154px;align-items:center;min-height:112px;padding:14px 10px;display:grid;position:relative}.task-row:last-child{border-bottom:0}.category-dot{background:#eef5e8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.category-dot:after{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.category-dot.green,.category-label.green{color:#57a444}.category-dot.amber,.category-label.amber{color:#e8a500}.category-dot.orange,.category-label.orange{color:#ef7e2e}.category-dot.blue,.category-label.blue{color:#4298bd}.task-copy{min-width:0;padding:0 4px 0 6px}.category-label{font-size:11px;font-weight:600;display:block}.task-copy h3{color:#3e2c23;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 4px;font-size:15px;overflow:hidden}.task-copy p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.task-copy p b{color:var(--green);margin-left:2px}.decision-group{grid-template-columns:58px 92px;align-items:center;gap:5px;display:grid}.progress-count{color:#956f58;background:#fff7ef;border-radius:12px;place-items:center;min-height:70px;display:grid}.progress-count strong{color:var(--coral);font-size:22px}.progress-count span{font-size:10px}.decision-group>button:not(.undo-completion){color:#4d9140;background:#f5fbf2;border:1px solid #cfe5c9;border-radius:12px;place-items:center;min-height:70px;padding:7px 2px;display:grid}.decision-group svg{width:14px;height:14px}.decision-group span{font-size:11px}.decision-group button strong{font-size:18px;font-weight:500}.decision-group .selected.done{color:#fff;background:#64ad52;border-color:#69ab59}.decision-group button:disabled{opacity:1}.decision-group .undo-completion{color:#a48675;background:0 0;border:0;grid-column:1/3;min-height:25px;font-size:10px}.one-off{color:#755c4e;background:#fffdf9;border:1px dashed #eadfd7;border-radius:14px;align-items:center;gap:9px;width:calc(100% - 32px);min-height:54px;margin:12px 16px 10px;padding:0 16px;font-size:14px;display:flex}.one-off svg{background:var(--green);color:#fff;border-radius:50%;width:24px;height:24px;padding:5px}.one-off span{margin-left:auto;font-size:24px}.manage-tasks{border-style:solid;margin-top:0}.manage-tasks svg{background:#f0a94c}.instant-tip{color:#a38e82;align-items:center;gap:6px;margin:0 20px;padding:3px 0 8px;font-size:10px;display:flex}.instant-tip svg{color:var(--green)}.instant-tip span{color:var(--coral);margin-left:auto;font-weight:700}.sheet-form{gap:10px;display:grid}.sheet-form label{color:#755f53;font-size:13px}.sheet-form input,.sheet-form textarea{width:100%;color:var(--ink);background:#fffdf9;border:1px solid #e6d8ce;border-radius:12px;padding:0 14px;font-size:16px}.sheet-form input{height:48px}.sheet-form textarea{resize:none;min-height:90px;padding-block:12px}.sheet-form>button{background:var(--coral);color:#fff;border:0;border-radius:24px;height:48px;margin-top:8px;font-weight:700}.sheet-form>button:disabled{opacity:.45}.score-presets,.reason-presets{gap:8px;display:flex}.score-presets button,.reason-presets button{color:#725d51;background:#fff;border:1px solid #eadfd7;border-radius:12px;min-height:38px;padding:0 12px}.score-presets button.selected,.reason-presets button.selected{border-color:var(--coral);color:var(--coral);background:#fff0e8;font-weight:700}.score-presets button{flex:1;font-size:15px}.reason-presets button{flex:1;font-size:11px}.mode-actions{gap:10px;display:grid}.mode-actions button{min-height:48px;color:var(--ink);background:#fff;border:1px solid #e9ddd4;border-radius:24px;font-weight:600}.mode-actions button:first-child{background:var(--coral);color:#fff;border:0}.management-list{gap:9px;display:grid}.management-list article{background:#fff;border:1px solid #eadfd7;border-radius:14px;grid-template-columns:1fr 42px 42px;align-items:center;display:grid;overflow:hidden}.management-list article.selected{border-color:var(--coral);background:#fff8f3}.management-list article button{min-height:48px;color:var(--ink);background:0 0;border:0}.management-list article button:first-child{text-align:left;justify-items:start;padding:9px 13px;font-weight:700;display:grid}.management-list article button:not(:first-child){border-left:1px solid var(--line);color:#9c8070}.management-list article button:disabled{opacity:.28}.management-list small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400}.management-list>button{min-height:46px;color:var(--ink);background:#fff;border:1px solid #e9ddd4;border-radius:23px;font-weight:600}.management-list>.primary-action{background:var(--coral);color:#fff;border:0;justify-content:center;align-items:center;gap:6px;display:flex}.task-management{max-height:490px;overflow-y:auto}.task-form select{width:100%;height:48px;color:var(--ink);background:#fffdf9;border:1px solid #e6d8ce;border-radius:12px;margin-top:6px;padding:0 10px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid input{min-width:0}.message-list{gap:10px;display:grid}.message-list article{background:#fffdf9;border:1px solid #eee1d7;border-radius:14px;padding:14px}.message-list span{font-weight:700}.message-list b{float:right;color:#ad9689;font-size:10px;font-weight:400}.message-list p{color:#6e5c52;margin:8px 0;font-size:13px;line-height:1.6}.message-list button{color:#df6d35;background:#fff0e5;border:0;border-radius:12px;padding:7px 10px;font-size:11px}.child-app-screen{background:#fff8ec}.child-screen{min-height:100%;padding-bottom:calc(var(--mobile-safe-area-height) + 26px);color:var(--ink);background:linear-gradient(#fff1d3 0,#fffaf2 260px)}.child-header{grid-template-columns:42px 1fr 64px;align-items:center;gap:10px;padding:72px 20px 18px;display:grid}.child-header>button{width:38px;height:38px;color:var(--ink);background:#ffffffc7;border:0;border-radius:50%;place-items:center;display:grid}.child-header span{color:#a66d39;font-size:12px}.child-header h1{margin:3px 0 0;font-size:24px}.child-header img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:58px;height:58px}.child-points{background:#fff;border-radius:22px;margin:0 20px 18px;padding:20px;position:relative;box-shadow:0 8px 24px #905e2814}.child-points span{color:#98735d;font-size:12px;display:block}.child-points strong{color:var(--coral);font-size:48px;line-height:1.1}.child-points small{color:#a76e4a;margin-left:4px}.child-points p{color:#5b9850;margin:0;font-size:12px;position:absolute;bottom:18px;right:20px}.child-tasks{gap:10px;padding:0 20px;display:grid}.child-tasks article{background:#fffffff0;border:1px solid #eee2d6;border-radius:16px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.child-tasks article>div{min-width:0}.child-tasks small{color:#ad8e7c}.child-tasks h2{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 4px;font-size:15px;overflow:hidden}.child-tasks p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.child-tasks article>strong{color:var(--green);font-size:13px}.child-tasks article>button{color:#dc6b39;background:#fff1e7;border:0;border-radius:17px;grid-column:2/4;justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:11px;display:flex}.child-tasks article.finished{background:#fbfff9;border-color:#d5e8cf}.child-tip{color:#a28d80;text-align:center;margin:16px 20px 0;font-size:11px}.photo-upload+input[type=file]{height:auto;padding:10px;font-size:11px}@media (width<=390px){.task-row{grid-template-columns:32px minmax(0,1fr) 146px;padding-inline:8px}.decision-group{grid-template-columns:54px 87px}.child-summary{grid-template-columns:72px 116px 1fr 45px;padding-inline:13px}.coin-stack{width:44px;height:44px}}