:root{--bg:#fff;--card:#fff;--soft:#f7f7f9;--line:#ececf0;--text:#26252b;--muted:#7b7a86;--danger:#c0394b}.tone-cal{--tb:#dcebfb;--tf:#2f6db5}.tone-task{--tb:#ddf3e4;--tf:#2b8a55}.tone-shop{--tb:#fde6d1;--tf:#c0651c}.tone-ride{--tb:#e9e1fa;--tf:#6b4cc2}.tone-alert{--tb:#fbdadd;--tf:#c0394b}.tone-today{--tb:#fff1c2;--tf:#9a7400}.tone-meal{--tb:#fde0ef;--tf:#a8387a}.tone-chore{--tb:#d2eef2;--tf:#17798a}.tone-w-rest{--tb:#34343b;--tf:#fff}.tone-w-bio{--tb:#98673b;--tf:#fff}.tone-w-paper{--tb:#4e9b60;--tf:#fff}.tone-w-sack{--tb:#f5c935;--tf:#4f3d00}.tone-school{--tb:#e0e3fa;--tf:#4a52b8}.tone-remind{--tb:#eaf5cf;--tf:#587d0e}.tone-gray{--tb:#efeff3;--tf:#6b6a76}*{box-sizing:border-box}html,body{overscroll-behavior-y:contain}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:24px}h2{font-size:17px}h3{font-size:15px}a{color:var(--tf,#2f6db5)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.muted{color:var(--muted);font-size:13px;font-weight:400}.err{color:var(--danger);margin:0;font-size:14px}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line);font:inherit;background:var(--soft);color:var(--text);border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--tb,#dcebfb);border-color:var(--tf,#2f6db5);background:#fff}input[type=checkbox]{accent-color:var(--tf,#2b8a55)}button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:9px 16px}button:hover{background:var(--soft)}button.primary{background:var(--tf,#2f6db5);border-color:var(--tf,#2f6db5);color:#fff;font-weight:500}button.primary:hover{filter:brightness(1.07)}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.danger{color:var(--danger)}.badge{background:var(--tb);width:34px;height:34px;color:var(--tf);border-radius:11px;flex:none;place-items:center;display:inline-grid}.badge.sm{border-radius:9px;width:26px;height:26px}.title-row{align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:5px 13px 5px 8px;font-size:14px;display:inline-flex}.chip.on{border-color:var(--tf);background:var(--tb);color:var(--tf);font-weight:500}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.pill{background:var(--tb);color:var(--tf);border-radius:99px;align-items:center;gap:4px;padding:2px 9px 2px 6px;font-size:12px;font-weight:500;display:inline-flex}.banner{background:var(--tb);color:var(--tf);border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:14px;display:flex}:root[data-theme=bunt]{--ink:#2d2a4a;--bg:#fffbf0;--card:#fff;--soft:#fff3cf;--line:#cdc6e8;--text:#2d2a4a;--muted:#6a648f;--danger:#c81e3c;--hand:"Chalkboard SE", "Marker Felt", "Segoe Print", "Bradley Hand", "Comic Neue", "Comic Sans MS", cursive;--wob:22px 14px 20px 16px / 16px 20px 14px 22px;--wob2:14px 10px 16px 11px / 11px 16px 10px 14px}:where(:root[data-theme=bunt]) .tone-cal{--tb:#bfe2ff;--tf:#135a9c}:where(:root[data-theme=bunt]) .tone-task{--tb:#c5efcd;--tf:#1c7a3b}:where(:root[data-theme=bunt]) .tone-shop{--tb:#ffd8ae;--tf:#b05800}:where(:root[data-theme=bunt]) .tone-ride{--tb:#dccfff;--tf:#5a35c2}:where(:root[data-theme=bunt]) .tone-alert{--tb:#ffc3cc;--tf:#b3203a}:where(:root[data-theme=bunt]) .tone-today{--tb:#fe9;--tf:#7d5f00}:where(:root[data-theme=bunt]) .tone-meal{--tb:#ffc8e5;--tf:#9e1f69}:where(:root[data-theme=bunt]) .tone-chore{--tb:#b9e8ef;--tf:#0c6e81}:where(:root[data-theme=bunt]) .tone-school{--tb:#d1d6ff;--tf:#3a40b0}:where(:root[data-theme=bunt]) .tone-remind{--tb:#dcf3a4;--tf:#476c00}:where(:root[data-theme=bunt]) .tone-gray{--tb:#e5e3f2;--tf:#54507a}:where(:root[data-theme=bunt]) body{font:17px/1.5 var(--hand);background-color:var(--bg);background-image:linear-gradient(#6e96d729 1px,#0000 1px),linear-gradient(90deg,#6e96d729 1px,#0000 1px);background-size:26px 26px}:where(:root[data-theme=bunt]) h1,:where(:root[data-theme=bunt]) h2,:where(:root[data-theme=bunt]) h3{font-family:var(--hand);letter-spacing:0;font-weight:700}:where(:root[data-theme=bunt]) h1{-webkit-text-decoration:underline wavy var(--tf,#6a5ad0) 2px;text-decoration:underline wavy var(--tf,#6a5ad0) 2px;text-underline-offset:6px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-size:30px}:where(:root[data-theme=bunt]) h2{font-size:20px}:where(:root[data-theme=bunt]) h3{font-size:17px}:where(:root[data-theme=bunt]) .muted{color:var(--muted);font-size:14px}:where(:root[data-theme=bunt]) .card{border-radius:var(--wob);background:var(--card);border:none;padding:16px 18px;position:relative;box-shadow:4px 5px #2d2a4a33}:where(:root[data-theme=bunt]) .card:before{content:"";border:2.5px solid var(--ink);border-radius:inherit;filter:url(#wobble);pointer-events:none;position:absolute;inset:0}:where(:root[data-theme=bunt]) .card:not(form):nth-child(3n+1){transform:rotate(-.35deg)}:where(:root[data-theme=bunt]) .card:not(form):nth-child(3n+2){transform:rotate(.3deg)}:where(:root[data-theme=bunt]) button{font-family:var(--hand);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--wob2);min-height:40px;box-shadow:2px 3px 0 var(--ink);background:#fff;padding:8px 16px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .15s}:where(:root[data-theme=bunt]) button:hover{background:var(--tb,#fff3cf)}:where(:root[data-theme=bunt]) button:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,3px)}:where(:root[data-theme=bunt]) button.primary{background:var(--tf,#6a5ad0);border-color:var(--ink);color:#fff;font-weight:700}:where(:root[data-theme=bunt]) button.primary:hover{filter:brightness(1.1);background:var(--tf,#6a5ad0)}:where(:root[data-theme=bunt]) button.ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;min-height:0}:where(:root[data-theme=bunt]) button.ghost:hover{background:var(--soft)}:where(:root[data-theme=bunt]) button.ghost:active{transform:none}:where(:root[data-theme=bunt]) button.danger{color:var(--danger)}:where(:root[data-theme=bunt]) input:not([type=checkbox]):not([type=radio]),:where(:root[data-theme=bunt]) select,:where(:root[data-theme=bunt]) textarea{font-family:var(--hand);border:2.5px solid var(--ink);border-radius:var(--wob2);color:var(--ink);background:#fffef9;padding:9px 12px;font-size:17px}:where(:root[data-theme=bunt]) input:focus,:where(:root[data-theme=bunt]) select:focus,:where(:root[data-theme=bunt]) textarea:focus{outline:3px solid var(--tb,#bfe2ff);border-color:var(--ink);background:#fff}:where(:root[data-theme=bunt]) input[type=checkbox]{width:22px;height:22px;accent-color:var(--tf,#1c7a3b)}:where(:root[data-theme=bunt]) .chip{border:2.5px solid var(--ink);box-shadow:1px 2px 0 var(--ink);background:#fff;padding:4px 14px 4px 8px;font-size:16px}:where(:root[data-theme=bunt]) .chip.on{background:var(--tb);border-color:var(--ink);color:var(--ink);font-weight:700}:where(:root[data-theme=bunt]) .pill{border:1.5px solid color-mix(in srgb, var(--ink) 75%, transparent);padding:1px 10px 1px 6px;font-size:13px;font-weight:700}:where(:root[data-theme=bunt]) .badge{border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:44% 56% 52% 48%/52% 46% 54% 48%;width:38px;height:38px}:where(:root[data-theme=bunt]) .badge.sm{width:30px;height:30px;box-shadow:1px 2px 0 var(--ink)}:where(:root[data-theme=bunt]) .banner{border:2.5px solid var(--ink);border-radius:var(--wob2);color:var(--ink);font-size:16px;font-weight:600;box-shadow:3px 4px #2d2a4a40}:where(:root[data-theme=bunt]) .dot{border:2px solid var(--ink);width:12px;height:12px}:where(:root[data-theme=bunt]) .ico{stroke-width:2.4px}:where(:root[data-theme=bunt]) a{font-weight:600}:root[data-theme=bunt] nav a{color:var(--ink);border:2.5px solid #0000;font-size:16px;font-weight:600}:root[data-theme=bunt] nav a .ic{background:var(--tb);border:2px solid var(--ink)}:root[data-theme=bunt] nav a.active{background:var(--tb);border-color:var(--ink);box-shadow:2px 3px 0 var(--ink);color:var(--ink)}:root[data-theme=bunt] nav a:hover{background:var(--soft)}:root[data-theme=bunt] .gear,:root[data-theme=bunt] .reload,:root[data-theme=bunt] .tt{border:2.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);color:var(--ink)}:root[data-theme=bunt] .tt{background:#ffe27a}:root[data-theme=bunt] .reload{background:#bfe2ff}:root[data-theme=bunt] .gear{background:#e5e3f2}@media (width<=700px){:root[data-theme=bunt] main nav{border-top:3px solid var(--ink);background:#fffbf0}:root[data-theme=bunt] nav a{border-width:2px;font-size:11.5px}}:root[data-theme=bunt] .tg,:root[data-theme=bunt] .day,:root[data-theme=bunt] .dpick,:root[data-theme=bunt] .seg{border:2.5px solid var(--ink)}:root[data-theme=bunt] .day{border-radius:18px 12px 16px/12px 16px 12px 18px}:root[data-theme=bunt] .seg{border-radius:var(--wob2);box-shadow:2px 3px 0 var(--ink);overflow:hidden}:root[data-theme=bunt] .seg button{box-shadow:none;border:none;border-radius:0;min-height:0}:root[data-theme=bunt] .seg button.on{background:var(--tb);color:var(--ink)}:root[data-theme=bunt] .row,:root[data-theme=bunt] .item{border-radius:14px 10px/10px 14px}@media (prefers-reduced-motion:no-preference){:root[data-theme=bunt] .badge:hover,:root[data-theme=bunt] nav a:hover .ic{animation:.5s ease-in-out wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}}:root[data-theme=bunt] .sp,:root[data-theme=bunt] .gl{border:2.5px solid var(--ink);border-radius:var(--wob2);box-shadow:2px 3px 0 var(--ink);color:var(--ink);font-weight:700}:root[data-theme=bunt] .sp:active,:root[data-theme=bunt] .gl:active{box-shadow:none;transform:translate(2px,3px)}.tt.svelte-lu0t34{color:#7a5c00;background:#fff3c4;border-color:#0000;border-radius:99px;align-items:center;gap:6px;height:38px;padding:7px 12px;font-weight:500;display:inline-flex}.tt.svelte-lu0t34:hover{background:#ffe9a0}@media (width<=520px){.tt.svelte-lu0t34{justify-content:center;width:38px;padding:0}.tl.svelte-lu0t34{display:none}}main.svelte-12qhfyh{max-width:980px;margin:0 auto;padding:16px 16px 40px}header.svelte-12qhfyh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}nav.svelte-12qhfyh{flex-wrap:wrap;gap:6px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);border:1px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:15px;text-decoration:none;display:inline-flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh) .ic:where(.svelte-12qhfyh){background:var(--tb);width:28px;height:28px;color:var(--tf);border-radius:50%;place-items:center;display:grid}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--soft)}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--tb);color:var(--tf);font-weight:600}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh) .ic:where(.svelte-12qhfyh){background:#fff}.who.svelte-12qhfyh{align-items:center;gap:8px;font-size:14px;display:flex}.login.svelte-12qhfyh{gap:14px;max-width:380px;margin:6vh auto 0;display:grid}label.svelte-12qhfyh{color:var(--muted);gap:4px;font-size:14px;display:grid}.reload.svelte-12qhfyh{color:#2f6db5;background:#dcebfb;border-color:#0000;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.reload.svelte-12qhfyh:hover{background:#cde1f7}.spin.svelte-12qhfyh{place-items:center;display:inline-grid}.spin.spinning.svelte-12qhfyh{animation:.8s linear infinite svelte-12qhfyh-turn}@keyframes svelte-12qhfyh-turn{to{transform:rotate(360deg)}}.pull.svelte-12qhfyh{z-index:10;color:#2f6db5;pointer-events:none;background:#dcebfb;border:1px solid #c3d9f3;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .15s ease-out;display:grid;position:fixed;top:-40px;right:16px}.who.svelte-12qhfyh{margin-left:auto}.defs.svelte-12qhfyh{width:0;height:0;position:absolute;overflow:hidden}.loginbar.svelte-12qhfyh{justify-content:flex-end;display:flex}.gear.svelte-12qhfyh{color:#6b6a76;background:#efeff3;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.gear.svelte-12qhfyh:hover{background:#e4e4ea}.blocked.svelte-12qhfyh{align-items:center;gap:14px;max-width:520px;display:flex}.blocked.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0}@media (width<=700px){main.svelte-12qhfyh{padding-bottom:100px}header.svelte-12qhfyh{margin-bottom:12px}nav.svelte-12qhfyh{z-index:20;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;flex-wrap:nowrap;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:4px 2px;font-size:11px}nav.svelte-12qhfyh a:where(.svelte-12qhfyh) .ic:where(.svelte-12qhfyh){width:30px;height:30px}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh) .ic:where(.svelte-12qhfyh){background:#fff}}
