:root{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#303b36;background:#f2f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--green:#438568;--green-deep:#28664b;--ink:#2e3933;--muted:#89948d;--line:#e8ece7;--amber:#e8a843;--blue:#467dd4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f2f5f1}button,a{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,510px);min-height:100vh;margin:auto;background:#fffefa;position:relative;padding:0 20px 90px;box-shadow:0 0 38px #263b3010}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f0eb}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:var(--green);font-size:14px}.parent-link{font-size:12px;text-decoration:none;color:#64736a}.parent-link span{font-size:14px}.view{display:none;flex-direction:column}.view.active{display:flex}.welcome{display:flex;align-items:center;gap:11px;padding:19px 1px 17px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f2c57f;color:#714c22;font-weight:800;font-size:21px;border:3px solid white;box-shadow:0 2px 9px #69543122}.welcome>div:nth-child(2){display:grid;gap:2px}.welcome b{font-size:15px}.welcome small{font-size:11px;color:#869087}.flame{color:#dc9541}.icon-button{margin-left:auto;border:0;border-radius:50%;width:37px;height:37px;background:#f5f4ef;color:#68776d;font-size:20px}.checkin-card{position:relative;color:#fff;background:linear-gradient(140deg,#498d6d,#327151);border-radius:17px;padding:17px 18px 15px;overflow:hidden}.checkin-card:after{content:'';position:absolute;right:-44px;top:-66px;width:175px;height:175px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 20px #ffffff0b,0 0 0 42px #ffffff08;pointer-events:none}.card-topline{display:flex;justify-content:space-between;font-size:11px;opacity:.87}.check-symbol{width:56px;height:56px;display:grid;place-items:center;margin:18px auto 8px;border-radius:17px;background:#ffffff20;font-size:24px;font-weight:700}.checkin-card h1{text-align:center;font-size:19px;margin:0 0 3px}.checkin-card>p{text-align:center;color:#ffffffbf;font-size:11px;margin:0 0 15px}.primary-button,.blue-button{height:44px;width:100%;border:0;border-radius:10px;color:white;background:#e6a447;font-size:14px;font-weight:700;box-shadow:0 4px 12px #83561830}.primary-button span{float:right;margin-right:7px}.checkin-foot{display:flex;justify-content:space-between;font-size:10px;color:#ffffffc7;margin-top:12px}.timer-panel{display:grid;justify-items:center;gap:7px;margin:15px 0}.timer{font-size:34px;font-variant-numeric:tabular-nums;font-weight:700}.timer-panel>span{font-size:11px;opacity:.8}.text-button{border:0;background:transparent;color:white;text-decoration:underline;font-size:12px;padding:5px}.section{margin-top:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading h2,.subheading{font-size:14px;margin:0;font-weight:700}.pill{font-size:10px;border-radius:20px;padding:4px 9px}.pill.green{background:#eaf3ed;color:#438568}.muted{font-size:10px;color:#9ba39d}.streak-card,.account-card{border:1px solid #ecefe9;border-radius:13px;background:#fff;padding:15px}.streak-copy{display:flex;align-items:baseline;justify-content:space-between}.streak-copy strong{color:#d99539;font-size:27px}.streak-copy strong small{font-size:13px;font-weight:500}.streak-copy>span{font-size:10px;color:#848d85}.week-dots{display:flex;margin:13px 0 16px;justify-content:space-between}.day-dot{display:grid;justify-items:center;gap:5px;font-size:9px;color:#999f98}.day-dot b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f1f3ef;color:#9fa69f;font-size:10px}.day-dot.done b{background:#438568;color:white}.day-dot.today b{background:#e7a747;color:white;box-shadow:0 0 0 3px #fbefd9}.reward-strip{display:flex;align-items:center;gap:9px;padding:10px;background:#fbf5e8;border-radius:10px}.gift{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edb655;color:white;font-weight:700}.reward-strip>div:nth-child(2){display:grid;gap:2px;flex:1}.reward-strip b{font-size:11px}.reward-strip small{font-size:10px;color:#93856d}.small-button{border:0;border-radius:8px;padding:7px 12px;color:white;background:#e2a649;font-size:11px;font-weight:700}.small-button:disabled{background:#d6d5ce;color:#fff}.account-card{padding:15px 15px 13px}.balance-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf0eb}.balance-row>div:first-child{display:grid;gap:2px}.balance-row small{font-size:10px;color:#909890}.balance-row strong{font-size:30px;line-height:1;color:#477dd0}.balance-row em{font-size:11px;font-style:normal;color:#89948d;font-weight:500;margin-left:4px}.coin-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#477dd0;font-weight:700}.metrics{display:flex;margin:13px 0}.metrics>div{flex:1;text-align:center;display:grid;gap:4px;border-right:1px solid #edf0eb}.metrics>div:last-child{border:0}.metrics strong{font-size:15px}.metrics strong small{font-size:9px;color:#8b948c;font-weight:500}.metrics span{font-size:9px;color:#929b94}.availability{font-size:10px;color:#657d71;background:#f1f6f1;padding:8px 10px;border-radius:8px;margin-bottom:10px}.blue-button{background:#4d7fce;box-shadow:none}.blue-button span{font-size:10px;color:#dce9ff;font-weight:500;margin-left:4px}.rules{margin-top:21px;padding:13px 14px;background:#fff9eb;border:1px solid #f4e7c8;border-radius:11px}.rules-title{font-size:11px;font-weight:700;color:#84622c;margin-bottom:9px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-grid span{font-size:9px;color:#806c4c}.rule-grid b{color:#a87825}.bottom-nav{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,510px);height:67px;padding:7px 16px max(8px,env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid #ecefe9;display:flex;justify-content:space-around}.nav-item{border:0;background:transparent;display:grid;justify-items:center;align-content:center;gap:2px;min-width:65px;color:#9ba39c;font-size:9px}.nav-item span{font-size:21px;line-height:1}.nav-item.active{color:var(--green);font-weight:700}.page-heading{padding:25px 2px 17px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#7d9d86;font-weight:700}.page-heading h1{font-size:24px;margin:4px 0}.page-heading p{font-size:11px;color:#929a93;margin:0}.stat-band{display:flex;background:#f5f7f2;border-radius:12px;padding:15px 4px}.stat-band>div{flex:1;text-align:center;display:grid;gap:5px;border-right:1px solid #e5e9e1}.stat-band>div:last-child{border:0}.stat-band strong{font-size:20px;color:#438568}.stat-band small{font-size:9px;color:#858e86}.segmented{display:flex;padding:4px;border-radius:9px;background:#f1f3ef;margin:19px 0 12px}.segmented button{flex:1;border:0;background:transparent;border-radius:7px;padding:8px;font-size:11px;color:#828b83}.segmented button.selected{background:white;color:#438568;box-shadow:0 1px 4px #28372813;font-weight:700}.record-list{display:grid;gap:9px}.date-divider{font-size:10px;color:#8f9890;display:flex;align-items:center;gap:8px;margin:8px 0 0}.date-divider:after{content:'';height:1px;background:#ecefe9;flex:1}.record-row{display:flex;align-items:center;gap:10px;border:1px solid #edf0eb;border-radius:11px;padding:11px}.record-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf3ed;color:#438568;font-size:14px}.record-icon.blue{background:#edf3ff;color:#4d7fce}.record-icon.amber{background:#fff4dc;color:#cc9036}.record-copy{flex:1;min-width:0}.record-copy b{display:block;font-size:11px}.record-copy small{display:block;font-size:9px;color:#8e978f;margin-top:3px;white-space:normal}.record-value{font-size:12px;font-weight:700;color:#438568}.record-value.negative{color:#477dd0}.record-value.pending{color:#d79a38}.empty-state{text-align:center;padding:36px 10px;color:#8e978f;font-size:11px;background:#f8f9f6;border-radius:11px}.profile-card{display:flex;align-items:center;gap:14px;padding:17px;border-radius:13px;background:linear-gradient(120deg,#468667,#327252);color:white}.avatar.large{width:59px;height:59px;font-size:26px}.profile-card h2{margin:0 0 5px;font-size:17px}.profile-card span{font-size:10px;color:#e0ece2}.profile-stats{margin-top:12px;background:white;border:1px solid #edf0eb}.profile-stats>div{border-color:#edf0eb}.profile-stats strong{font-size:17px;color:#477dd0}.subheading{margin:23px 0 9px}.menu-row{display:flex;align-items:center;gap:11px;padding:12px 10px;text-decoration:none;color:var(--ink);border-bottom:1px solid #edf0eb}.menu-icon{width:35px;height:35px;border-radius:10px;background:#eaf3ed;display:grid;place-items:center;color:#438568;font-size:12px;font-weight:700}.menu-icon.pale{background:#eff3ec;color:#7d8b77}.menu-row>span:nth-child(2){flex:1;display:grid;gap:3px}.menu-row b{font-size:11px}.menu-row small{font-size:9px;color:#929a93}.chevron{font-size:20px;color:#a9b0aa}.bottom-gap{height:20px}.toast{position:fixed;z-index:10;bottom:83px;left:50%;transform:translate(-50%,10px);background:#29332d;color:white;padding:10px 15px;border-radius:9px;font-size:11px;opacity:0;transition:.2s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;z-index:9;inset:0;background:#1c282599;display:grid;place-items:end center;padding:14px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(100%,480px);border-radius:17px;background:#fffefa;padding:22px 19px 20px;box-shadow:0 20px 60px #101b1626;max-height:88vh;overflow:auto}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f3ef;color:#6e786f;width:27px;height:27px;border-radius:50%;font-size:19px}.modal h2{font-size:17px;margin:0 34px 5px 0}.modal p{font-size:11px;color:#818b83;line-height:1.6}.modal label{display:grid;gap:6px;font-size:10px;color:#6e786f;margin:13px 0}.modal input,.modal select,.modal textarea{height:40px;border:1px solid #dfe5dd;border-radius:8px;padding:0 10px;background:white;color:#354039;font:inherit;font-size:12px}.modal textarea{height:64px;padding:10px;resize:vertical}.modal .blue-button{margin-top:5px}.minute-choices{display:flex;gap:8px}.minute-choices button{flex:1;border:1px solid #e0e6dd;background:white;border-radius:8px;padding:9px 4px;color:#5d695f;font-size:11px}.minute-choices button.selected{border-color:#4d7fce;background:#edf3ff;color:#3767ae}.modal-message{padding:12px;border-radius:9px;background:#f0f5f0;color:#496d54;font-size:11px}.modal-message.error{background:#fff0ed;color:#b34b3a}@media(min-width:700px){.app-shell{margin:20px auto;min-height:calc(100vh - 40px);border-radius:14px}.bottom-nav{bottom:20px;border-radius:0 0 14px 14px}}