@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#49394f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#fffaf2;font-family:Nunito Variable,Nunito,ui-rounded,system-ui,sans-serif;font-weight:600}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:5px;outline:3px solid #8762b0}svg{display:block}[hidden]{display:none!important}.page{max-width:1280px;margin:auto;padding:0 44px}.sound-button{top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));z-index:20;background:#fffefd;border:1px solid #e7ded8;border-radius:28px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 17px;font-size:13px;font-weight:750;transition:background .2s;display:flex;position:fixed;box-shadow:0 4px #eee6db80,0 8px 24px #8f6b5210}.sound-button:hover{background:#f3ece4}.sound-button svg{width:22px;height:22px}.sound-waves{display:none}.sound-button[aria-pressed=true] .sound-waves{display:block}.sound-button[aria-pressed=true] .sound-off{display:none}main{grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px;min-height:100svh;padding:92px 0 24px;display:grid}.welcome{min-width:0;position:relative}h1{letter-spacing:-1.8px;margin:0;font-size:clamp(38px,4.3vw,56px);font-weight:900;line-height:1.12}h1>span{color:#af86b7;display:inline-block;position:relative}h1>span svg{color:#ebc8c5;width:110%;height:14px;position:absolute;bottom:-7px;left:-5%}.scene-wrap{margin:28px -10px 0;position:relative}.morning-scene{width:100%;max-width:420px;margin:auto}.sun-character{transform-origin:206px 160px;animation:4.5s ease-in-out infinite sun-float}.sun-eyes{transform-origin:205px 141px;animation:6s infinite blink}.scene-sparkle{animation:3s ease-in-out infinite sparkle}.speech-bubble{white-space:nowrap;background:#fffdf8;border:1px solid #ece2d9;border-radius:16px 16px 16px 3px;padding:14px 18px;font-size:18px;font-weight:850;position:absolute;bottom:20px;right:7px;transform:rotate(-5deg);box-shadow:0 5px #e8dcc855}.speech-bubble span{color:#dba651;margin-left:4px}.routine{min-width:0}.progress-track{background:#ece3f0;border-radius:12px;height:12px;margin:0 4px 24px;overflow:hidden}.progress-fill{transform-origin:0;background:#b294c5;border-radius:12px;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.task-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.task{text-align:left;isolation:isolate;background:#fffefd;border:1px solid #eae0d8;border-radius:23px;align-items:center;gap:20px;width:100%;min-height:92px;padding:12px 20px 12px 14px;transition:background .25s,border-color .25s;display:flex;position:relative;box-shadow:0 4px #eee6db99,0 10px 24px #8f6b5209}@media (hover:hover){.task:hover{background:color-mix(in srgb, var(--tint) 35%, #fff);border-color:var(--accent)}.task:hover .task-icon{transform:rotate(-5deg)}}.task:active{background:var(--tint)}.task-icon{background:var(--tint);border-radius:17px;flex-shrink:0;place-items:center;width:64px;height:64px;transition:transform .3s;display:grid}.task-icon>svg{width:52px;height:52px;overflow:visible}.task-title{letter-spacing:-.3px;min-width:0;font-size:clamp(26px,2.5vw,32px);font-weight:850;line-height:1.25;position:relative}.task-title:after{content:"";background:var(--accent);transform-origin:0;border-radius:3px;width:104%;height:3px;transition:transform .3s;position:absolute;top:52%;left:-2%;transform:scaleX(0)}.checkbox{background:#fff;border:2px solid #d9cddd;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;margin-left:auto;transition:background .2s,border-color .2s,transform .35s cubic-bezier(.2,1.8,.3,1);display:grid}.checkbox>svg{opacity:0;width:30px;height:30px;transition:opacity .2s,transform .4s cubic-bezier(.2,1.8,.3,1);transform:scale(.3)}.is-done{background:color-mix(in srgb, var(--tint) 45%, #fff);border-color:color-mix(in srgb, var(--accent) 35%, #fff)}.is-done .checkbox{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-7deg)}.is-done .checkbox>svg{opacity:1;transform:scale(1)}.is-done .task-title{color:var(--accent)}.is-done .task-title:after{transform:scaleX(var(--wipe,1))}.is-celebrating .task-title:after{transition:none}.is-celebrating .task-icon{animation:.7s ease-in-out happy-wiggle}.all-done .sun-character{animation:.9s ease-in-out 3 happy-sun}.all-done .progress-fill{background:#93b498}.routine-actions{justify-content:flex-end;margin-top:14px;display:flex}.reset-button{color:#88798c;background:0 0;min-height:44px;padding:10px 4px;font-size:13px}.reset-button span{vertical-align:middle;margin-right:5px;font-size:20px}.reset-button:hover{color:#664d76}.effects-canvas{pointer-events:none;z-index:10;position:fixed;inset:0}.storage-note{color:#806945;font-size:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes sun-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes sparkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes happy-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)scale(1.1)}65%{transform:rotate(10deg)scale(1.1)}}@keyframes happy-sun{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-25px)rotate(8deg)}}@media (width>=760px) and (width<=1050px){.page{padding:0 28px}main{grid-template-columns:.7fr 1.3fr;gap:28px}h1{font-size:38px}.task{gap:14px;padding-right:16px}.task-title{font-size:26px}.task-icon{width:58px;height:58px}.task-icon>svg{width:48px;height:48px}.checkbox{width:36px;height:36px}.speech-bubble{padding:12px;font-size:15px}}@media (width>=1000px) and (height<=850px){main{padding-top:86px;padding-bottom:16px}.task{min-height:88px;padding-top:10px;padding-bottom:10px}}@media (width<=759px){.page{max-width:580px;padding:0 20px}.sound-button{top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));width:48px;padding:12px}.sound-button>span{display:none}main{flex-direction:column;align-items:stretch;gap:26px;min-height:100svh;padding:82px 0 20px;display:flex}.welcome{align-items:center;gap:12px;display:flex}h1{letter-spacing:-1.2px;flex:1;font-size:clamp(30px,6.4vw,38px)}.scene-wrap{flex-shrink:0;width:130px;margin:0}.speech-bubble{padding:9px 12px;font-size:12px;bottom:-8px;right:0}.progress-track{height:10px;margin-bottom:20px}.task{border-radius:20px;gap:14px;min-height:82px;padding:12px}.task-title{font-size:24px}.task-icon{border-radius:14px;width:54px;height:54px}.task-icon>svg{width:44px;height:44px}.checkbox{width:34px;height:34px}.checkbox>svg{width:27px;height:27px}}@media (width<=380px){.page{padding:0 14px}.scene-wrap{width:100px}h1{font-size:28px}.task{gap:10px;min-height:76px;padding:10px}.task-title{font-size:21px}.task-icon{width:48px;height:48px}.task-icon>svg{width:40px;height:40px}.checkbox{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.routine-tabs{top:max(20px, env(safe-area-inset-top));z-index:20;background:#f1e9e1;border:1px solid #e7ded8;border-radius:30px;grid-template-columns:1fr 1fr;gap:4px;width:310px;padding:5px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px #eee6db80,0 8px 24px #8f6b5210}.routine-tab{color:#827189;white-space:nowrap;background:0 0;border-radius:24px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:8px 12px;font-size:17px;font-weight:850;transition:background .25s,color .25s;display:flex}.routine-tab svg{flex-shrink:0;width:22px;height:22px}.routine-tab[aria-selected=true]{color:#694f81;background:#fffefd;box-shadow:0 2px 7px #70535412}h1>.greeting{color:inherit}.routine:focus-visible{outline-offset:10px;border-radius:20px;outline:3px solid #b294c5}:root{transition:background-color .45s,color .45s}.moon-character{transform-origin:205px 148px;animation:6s ease-in-out infinite moon-float}.night-stars{animation:5s ease-in-out infinite sparkle}.all-done .moon-character{animation:1.2s ease-in-out 2 moon-nod}:root[data-phase=evening]{color:#f1eafa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#25243d}[data-phase=evening] .task{background:#36334e;border-color:#514a6b;box-shadow:0 4px #1e1d34,0 10px 28px #15132526}[data-phase=evening] .checkbox{background:#29273f;border-color:#847395}[data-phase=evening] .task.is-done{background:color-mix(in srgb, var(--accent) 13%, #36334e);border-color:var(--accent)}[data-phase=evening] .is-done .checkbox{background:var(--accent);border-color:var(--accent);color:#29243b}[data-phase=evening] .task:active{background:#4b415f}[data-phase=evening] .progress-track{background:#403a58}[data-phase=evening] .progress-fill{background:#bda7e1}[data-phase=evening] .all-done .progress-fill{background:#ead09b}[data-phase=evening] h1>span:not(.greeting){color:#ead09b}[data-phase=evening] h1>span svg{color:#a893c7}[data-phase=evening] .sound-button{background:#36334e;border-color:#514a6b;box-shadow:0 4px #1e1d34}[data-phase=evening] .sound-button:hover{background:#49415f}[data-phase=evening] .routine-tabs{background:#1f1e34;border-color:#514a6b;box-shadow:0 4px #1e1d34}[data-phase=evening] .routine-tab{color:#b9aaca}[data-phase=evening] .routine-tab[aria-selected=true]{color:#ffe7b4;background:#4c4262}[data-phase=evening] .speech-bubble{background:#4b415f;border-color:#716182;box-shadow:0 5px #1e1d3466}[data-phase=evening] .speech-bubble span{color:#ead09b}[data-phase=evening] .reset-button{color:#bcabc9}[data-phase=evening] .reset-button:hover{color:#f2e5ff}[data-phase=evening] .storage-note{color:#ead09b}@media (hover:hover){[data-phase=evening] .task:hover{border-color:var(--accent);background:#443c59}}@keyframes moon-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@keyframes moon-nod{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)translateY(-5px)}}@media (width<=759px){.routine-tabs{top:max(16px, env(safe-area-inset-top));width:min(310px,100% - 106px);left:20px;transform:none}.routine-tab{gap:7px;min-height:38px;padding:8px;font-size:16px}.routine-tab svg{width:19px;height:19px}}@media (width<=380px){.routine-tabs{gap:0;width:calc(100% - 98px);left:14px}.routine-tab{gap:5px;padding:8px 5px;font-size:14px}}:root[data-gender=m]{color:#25465b;--boy-surface:#fcfeff;--boy-border:#d3e4ed;--boy-shadow:#d9e9f080;--boy-hover:#e4f1f7;--boy-tabs:#dfeef5;--boy-tab-text:#577c90;--boy-tab-selected:#22688e;--boy-muted:#597d90;--boy-name:#267da8;--boy-underline:#f2c677;--boy-progress-track:#d6e8f0;--boy-progress-fill:#4a9cc3;--boy-focus:#2588b3;background-color:#f0f8fc}:root[data-gender=m][data-phase=evening]{color:#e9f4fa;--boy-surface:#213f55;--boy-border:#3b6078;--boy-shadow:#0c1d2d80;--boy-hover:#2b4e64;--boy-tabs:#102334;--boy-tab-text:#a6c6d8;--boy-tab-selected:#ffdfa1;--boy-muted:#a5c6d7;--boy-name:#ffda91;--boy-underline:#65b7ca;--boy-progress-track:#2a4c61;--boy-progress-fill:#7bc9dc;--boy-focus:#87d7ed;background-color:#142a3e}[data-gender=m] h1>span:not(.greeting){color:var(--boy-name)}[data-gender=m] h1>span svg{color:var(--boy-underline)}[data-gender=m] .task,[data-gender=m] .sound-button{background:var(--boy-surface);border-color:var(--boy-border);box-shadow:0 4px 0 var(--boy-shadow), 0 10px 24px #183d5709}[data-gender=m] .checkbox{background:var(--boy-surface);border-color:#a4c4d5}[data-gender=m] .task.is-done{background:color-mix(in srgb, var(--tint) 45%, var(--boy-surface));border-color:color-mix(in srgb, var(--accent) 45%, var(--boy-surface))}[data-gender=m][data-phase=evening] .task.is-done{background:color-mix(in srgb, var(--accent) 13%, var(--boy-surface));border-color:var(--accent)}[data-gender=m] .is-done .checkbox{background:var(--accent);border-color:var(--accent);color:#fff}[data-gender=m][data-phase=evening] .is-done .checkbox{color:#142a3e}[data-gender=m] .task:active{background:var(--boy-hover)}[data-gender=m] .progress-track{background:var(--boy-progress-track)}[data-gender=m] .progress-fill{background:var(--boy-progress-fill)}[data-gender=m] .all-done .progress-fill{background:#5cb7a3}[data-gender=m][data-phase=evening] .all-done .progress-fill{background:#f3c978}[data-gender=m] .sound-button:hover{background:var(--boy-hover)}[data-gender=m] .routine-tabs{background:var(--boy-tabs);border-color:var(--boy-border);box-shadow:0 4px 0 var(--boy-shadow)}[data-gender=m] .routine-tab{color:var(--boy-tab-text)}[data-gender=m] .routine-tab[aria-selected=true]{background:var(--boy-surface);color:var(--boy-tab-selected)}[data-gender=m] .speech-bubble{background:var(--boy-surface);border-color:var(--boy-border);box-shadow:0 5px 0 var(--boy-shadow)}[data-gender=m] .speech-bubble span{color:#dfa849}[data-gender=m] .reset-button{color:var(--boy-muted)}[data-gender=m] .reset-button:hover{color:var(--boy-name)}[data-gender=m] .storage-note{color:var(--boy-muted)}[data-gender=m] button:focus-visible,[data-gender=m] .routine:focus-visible{outline-color:var(--boy-focus)}@media (hover:hover){[data-gender=m] .task:hover{background:color-mix(in srgb, var(--tint) 35%, var(--boy-surface));border-color:var(--accent)}[data-gender=m][data-phase=evening] .task:hover{background:var(--boy-hover)}}