:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#321d25;background:#fdeff1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(145deg,#fdeff1,#f4c8d2 130%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7e71c8;outline-offset:2px}header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1180px)/2));color:#fff;background:#8a4256;box-shadow:0 4px 18px #8a425633}header>strong{font-size:1.2rem}nav,.tabs,.mascot-picker{display:flex;gap:8px;flex-wrap:wrap}button{min-height:44px;padding:10px 15px;border:1px solid #b8657c;border-radius:12px;color:#6f3045;background:#fff8fa;font-weight:750}header button{color:#fff;border-color:#d88fa1;background:transparent}header button.active,.primary,.tabs button.active,.mascot-picker button.active{color:#fff;background:#8a4256}.primary{width:100%;border-color:#8a4256}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.lock-card{width:min(480px,100%);padding:clamp(28px,7vw,54px);border:1px solid #d88fa1;border-radius:28px;background:#fff9fa;box-shadow:0 24px 70px #8a425629;text-align:center}.lock-card .field{text-align:left}.lock-card button{width:100%;margin-top:10px}.mark,.mascot{display:grid;place-items:center}.mark{width:76px;height:76px;margin:auto;border-radius:24px;color:#fff;background:#b8657c;font-size:38px}.eyebrow{margin:0 0 7px;color:#8a4256;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1.05}h2{margin:4px 0 18px}main:not(.gate){width:min(1180px,calc(100% - 32px));margin:auto;padding:38px 0 70px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.intro p{color:#704c59}.mascot{width:88px;height:88px;flex:none;border:1px solid #d88fa1;border-radius:28px;background:#fff;font-size:44px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics article,.card{border:1px solid #d88fa1;border-radius:20px;background:#fff9fa;box-shadow:0 12px 32px #8a425614}.metrics article{padding:18px}.metrics span,.metrics strong{display:block}.metrics span{color:#75535f;font-size:.78rem}.metrics strong{margin-top:7px;font-size:1.1rem}.layout{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.card{padding:24px;margin-bottom:18px}.calendar-head{display:flex;align-items:center;justify-content:space-between}.calendar-head h2{margin:0;text-transform:capitalize}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week{margin:22px 0 8px;text-align:center;color:#8a4256;font-size:.75rem}.days button{position:relative;aspect-ratio:1;padding:0}.days button.logged:after{content:"";position:absolute;right:6px;bottom:6px;width:7px;height:7px;border-radius:50%;background:#b8657c}.days button.selected{color:#fff;background:#8a4256}.field{display:grid;gap:6px;margin:12px 0;color:#623b49;font-weight:750}.field input,.field select,.field textarea,select,input,textarea{width:100%;min-height:46px;padding:11px;border:1px solid #d88fa1;border-radius:10px;color:#321d25;background:#fff}.field textarea{min-height:90px;resize:vertical}fieldset{margin:16px 0;padding:0;border:0}legend{margin-bottom:9px;font-weight:800}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checks label{display:flex;align-items:center;gap:7px;font-size:.85rem}.checks input{width:18px;min-height:18px}.disclaimer{padding:12px;border-left:4px solid #b8657c;background:#fdeff1}.sync{border-style:dashed}.error{min-height:22px;color:#8a203c;font-weight:800}.mascot-picker button{font-size:25px}footer{padding:30px;text-align:center;color:#fff;background:#8a4256}@media(max-width:800px){.metrics{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}nav{width:100%}nav button{flex:1}.intro{align-items:flex-start}.checks{grid-template-columns:1fr}}@media(max-width:430px){main:not(.gate){width:min(100% - 20px,1180px);padding-top:24px}.card{padding:17px}.metrics{gap:8px}.metrics article{padding:13px}.days,.week{gap:3px}.days button{min-height:39px;border-radius:9px}.mascot{width:64px;height:64px;font-size:34px}header{padding:12px}}@media(prefers-color-scheme:dark){:root{color:#fdeff1;background:#25151b}body{background:#25151b}.lock-card,.metrics article,.card{color:#fdeff1;border-color:#8a4256;background:#321d25}.field input,.field select,.field textarea,select,input,textarea,.days button{color:#fdeff1;border-color:#8a4256;background:#25151b}.intro p,.metrics span{color:#e3bdc7}.disclaimer{background:#47232f}}.editing{padding:10px 12px;border-radius:10px;background:#fdeff1;font-weight:750}.danger{width:100%;margin-top:9px;color:#8a203c;background:transparent}@media(prefers-color-scheme:dark){.editing{background:#47232f}.danger{color:#f4c8d2}}