:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f7fafc;background:#101826;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}button,input,select{font:inherit}body{background:radial-gradient(circle at 20% 5%,#315b8a55,#0000 32%),radial-gradient(circle at 85% 20%,#ffad5a33,#0000 34%),linear-gradient(155deg,#17263a,#172532 45%,#0e151e);min-height:100vh}.shell{max-width:768px;min-height:100vh;margin:auto;padding:18px 18px 108px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#fff2,#ffffff10);border:1px solid #ffffff24;box-shadow:0 14px 35px #0005,inset 0 1px #ffffff18}header{justify-content:space-between;align-items:flex-end;padding:4px 6px 14px;display:flex}header div{flex-direction:column;display:flex}header small{letter-spacing:.2em;opacity:.65;font-weight:900}header b{margin-top:5px;font-size:18px}header>strong{font-size:28px}main{flex-direction:column;gap:16px;display:flex}.hero,.card,.week,.coffee,.today,.reward{border-radius:26px;padding:18px}.hero{justify-content:space-between;align-items:center;gap:14px;display:flex}.hero h1{margin:4px 0;font-size:34px;line-height:1}.hero p,.card p,.reward p{opacity:.6;margin:6px 0 0;font-size:12px}.hero small,.card small,.reward small,.today small{letter-spacing:.14em;opacity:.65;font-weight:900}.hero button,.stack button,.row button,.card button{color:#fff;background:#ffffff16;border:1px solid #ffffff2a;border-radius:14px;padding:10px 12px;font-weight:800}.stack{flex-direction:column;gap:8px;display:flex}.points{text-align:center;background:radial-gradient(circle at 35% 25%,#fff8,#ffd35c33 40%,#ffb2341c);border:1px solid #ffe29366;border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.points b{font-size:30px;line-height:1}.points span{opacity:.7;margin-top:5px;font-size:10px}h3{letter-spacing:.12em;margin:2px 4px 8px;font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{color:#fff;text-align:left;border:1px solid #ffffff20;border-radius:23px;grid-template-columns:40px 1fr;align-items:center;gap:10px;min-height:108px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff16,0 8px 22px #0004}.tile.todo{background:linear-gradient(140deg,#c7383db8,#70202d99)}.tile.partial{background:linear-gradient(140deg,#d79a25c7,#955c22a8)}.tile.done{background:linear-gradient(140deg,#209e5dcc,#146742b5)}.tile .icon{text-align:center;font-size:28px}.tile b{font-size:14px;display:block}.tile small{opacity:.75;margin-top:4px;font-size:10px;display:block}.tile em{background:#ffffff1f;border-radius:10px;margin-top:6px;padding:3px 6px;font-size:9px;font-style:normal;display:inline-block}.tile i{gap:5px;display:flex;position:absolute;bottom:9px;right:10px}.tile u{border:1px solid #fff8;border-radius:50%;width:8px;height:8px;text-decoration:none}.tile u.kid{background:#eaffef}.tile u.dad{background:#7dc7ff}.reward{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.reward b{font-size:18px}.reward select{color:#fff;background:#0f1c2acc;border:1px solid #ffffff25;border-radius:12px;padding:9px}.reward p{grid-column:1/-1}.today{justify-content:space-between;align-items:center;display:flex}.today h2{margin:4px 0}.weather{text-align:right;font-size:28px}.weather small{letter-spacing:0;font-size:9px;display:block}.day{background:#0002;border:1px solid #0000;border-radius:15px;grid-template-columns:80px 1fr;gap:10px;margin-top:7px;padding:10px;display:grid}.day.active{background:linear-gradient(135deg,#ffc94e33,#ffffff14);border-color:#ffdc8455}.day>b{font-size:11px}.day>b span{margin-left:5px;font-size:22px}.day strong,.day small{display:block}.day strong{font-size:11px}.day small{opacity:.55;font-size:10px}.coffee article{background:#0002;border-radius:14px;grid-template-columns:38px 1fr auto auto;align-items:center;gap:8px;margin-top:7px;padding:9px;display:grid}.coffee article>span{font-size:24px}.coffee article small,.coffee article b{display:block}.coffee article small{opacity:.55;font-size:9px}.coffee article b{font-size:11px}.coffee a,.coffee button{color:#fff;background:#ffffff12;border:1px solid #ffffff20;border-radius:10px;padding:7px 8px;font-size:9px;font-weight:800;text-decoration:none}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mischief{background:#0002;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:8px;padding:9px;font-size:11px;display:grid}.watch{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.watch span{background:#0002;border-radius:12px;padding:10px;font-size:11px}.twocol{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card label{align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.strike{opacity:.4;text-decoration:line-through}.pizza{margin:14px 0 4px;font-size:48px}.staples{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.staples button{padding:7px 9px;font-size:9px}nav{z-index:30;border-radius:26px;grid-template-columns:repeat(3,1fr);width:min(732px,100vw - 28px);height:76px;padding:7px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}nav button{color:#fff8;background:0 0;border:0;border-radius:20px;font-size:20px}nav button span{font-size:11px;font-weight:800;display:block}nav .on{color:#fff;background:#ffffff18}.shade{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03070ccc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.keyboard,.math{border-radius:28px;width:min(690px,100%);padding:22px}.modalHead{justify-content:space-between;align-items:center;display:flex}.modalHead h2{margin:3px 0}.modalHead button,.math button{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;padding:10px 12px;font-weight:800}.typed{background:#0003;border-radius:14px;min-height:60px;margin:12px 0;padding:15px;font-size:20px}.keys{grid-template-columns:repeat(10,1fr);gap:5px;display:grid}.keys button,.keyrow button{color:#fff;background:#ffffff12;border:1px solid #fff2;border-radius:9px;padding:11px 3px;font-weight:800}.keyrow{gap:7px;margin-top:8px;display:flex}.keyrow .space{flex:1}.good{background:#2db66988!important}.math{text-align:center}.math>div{margin:28px 0 18px;font-size:48px;font-weight:900}.math input{color:#fff;text-align:center;background:#0003;border:1px solid #fff2;border-radius:16px;width:100%;padding:13px;font-size:32px}.math p{min-height:24px}.sleep{color:#fff;text-align:center;background:#020304;place-items:center;width:100vw;height:100vh;display:grid}.sleep>div{font-size:70px;font-weight:300}.sleep span,.sleep small{display:block}.sleep span{margin-top:5px;font-size:18px}.sleep small{opacity:.4;text-transform:uppercase;letter-spacing:.14em;margin-top:28px;font-size:10px}@media (width<=520px){.shell{padding:12px 12px 98px}.hero h1{font-size:27px}.points{width:84px;height:84px}.grid{gap:8px}.tile{min-height:102px;padding:12px}.coffee article{grid-template-columns:34px 1fr auto}.coffee article button{grid-column:2/4}.keys{grid-template-columns:repeat(7,1fr)}}.liveDot{color:#86ffad;letter-spacing:.04em;margin-left:7px}.who{color:#fff7;background:0 0;border:0;margin-top:3px;font-size:9px}.rightHead{text-align:right}.loginPage,.loadingPage{place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{border-radius:28px;width:min(460px,92vw);padding:28px}.loginCard h1{margin:7px 0}.loginCard p{opacity:.62}.loginCard input{color:#fff;background:#0004;border:1px solid #ffffff25;border-radius:14px;width:100%;margin-top:10px;padding:14px 16px}.loginCard>button{color:#fff;background:#2db669bb;border:0;border-radius:14px;width:100%;margin-top:14px;padding:14px;font-weight:900}.loginLogo{font-size:44px}.error{background:#b4283248;border-radius:12px;margin-top:10px;padding:10px;font-size:12px}.saved{flex-direction:column;gap:8px;margin-top:10px;display:flex}.saved a{color:#fff;background:#0002;border-radius:12px;padding:10px;font-size:12px;text-decoration:none}.saved small{opacity:.5;margin-top:2px;display:block}.syncNote{opacity:.55;margin-top:7px;font-size:10px}.loadingPage button{border:0;border-radius:12px;padding:10px 14px}.sleep-screen{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.sleep-clock{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sleep-clock>div{letter-spacing:-.03em;font-size:clamp(56px,10vw,92px);font-weight:300;line-height:1}.sleep-clock>span{opacity:.92;font-size:clamp(20px,3vw,30px);line-height:1.2;display:block}.sleep-clock>small{letter-spacing:.16em;text-transform:uppercase;opacity:.58;margin-top:10px;font-size:clamp(10px,1.5vw,14px);display:block}