:root{--bg:#fbf4ec;--surface:#fff;--sunken:#f4ebe1;--ink:#1e1631;--ink-2:#4a4360;--muted:#6b6580;--line:#ecdfd2;--focus:#5b4bd6;--accent-soft:#ece6fb;--tomate:#f2452e;--tomate-soft:#ffe3de;--teal:#12a08f;--teal-soft:#d4f2ee;--danger:#c8321f;--on-ink:#fff;--display:"Fredoka", ui-rounded, system-ui, sans-serif;--text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--tap:44px;--shadow-1:0 1px 2px #5c3c280f, 0 4px 14px #5c3c2812;--shadow-2:0 2px 6px #5c3c280f, 0 14px 36px #5c3c2824;--shadow-sheet:0 -10px 40px #1e163129;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--tabbar-h:80px;--pet-glow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b1328;--surface:#271c38;--sunken:#312545;--ink:#f7f1ff;--ink-2:#d8cfe8;--muted:#a79dbb;--line:#3b2e51;--focus:#b3a6ff;--accent-soft:#3b2d5c;--tomate:#ff6a55;--tomate-soft:#4a221e;--teal:#2cc3b0;--teal-soft:#173a37;--danger:#ff7a66;--on-ink:#1b1328;--shadow-1:0 0 0 1px #ffffff0a, 0 6px 18px #00000047;--shadow-2:0 0 0 1px #ffffff0f, 0 16px 40px #00000073;--shadow-sheet:0 -10px 50px #0000008c;--pet-glow:drop-shadow(0 0 1.5px #ffecf899);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1b1328;--surface:#271c38;--sunken:#312545;--ink:#f7f1ff;--ink-2:#d8cfe8;--muted:#a79dbb;--line:#3b2e51;--focus:#b3a6ff;--accent-soft:#3b2d5c;--tomate:#ff6a55;--tomate-soft:#4a221e;--teal:#2cc3b0;--teal-soft:#173a37;--danger:#ff7a66;--on-ink:#1b1328;--shadow-1:0 0 0 1px #ffffff0a, 0 6px 18px #00000047;--shadow-2:0 0 0 1px #ffffff0f, 0 16px 40px #00000073;--shadow-sheet:0 -10px 50px #0000008c;--pet-glow:drop-shadow(0 0 1.5px #ffecf899);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font:400 17px/1.4 var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);max-width:720px;margin:0 auto}.screen-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 16px;display:flex}.title{font:600 clamp(2.3rem, 11vw, 3.1rem) / 1 var(--display);letter-spacing:-.01em;margin:0}.subtitle{color:var(--muted);margin:6px 0 0;font-size:15px}.section-title{font:600 1.2rem/1.2 var(--display);margin:28px 0 10px}.btn{min-height:var(--tap);background:var(--surface);box-shadow:var(--shadow-1);transition:transform .4s var(--spring), background .15s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.segmented button:active,.seg button:active{transition-duration:80ms;transform:scale(.94)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--ink);min-height:50px;color:var(--on-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 22%, transparent)}.btn-ghost{box-shadow:none;background:0 0}.btn-danger{color:var(--danger)}.btn-block{width:100%}.icon-btn{width:var(--tap);height:var(--tap);color:var(--ink);transition:transform .4s var(--spring), background .15s;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:active{background:var(--sunken)}.field{color:var(--ink-2);gap:6px;font-size:14px;font-weight:600;display:grid}.input{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--ink);padding:12px 16px;font-size:17px;font-weight:400;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 18%, transparent);outline:none}.error{color:var(--danger);margin:0;font-size:15px}.avatar{width:30px;height:30px;font:700 14px/1 var(--display);color:var(--on-ink);background:var(--muted);border-radius:999px;flex:none;place-items:center;display:inline-grid}.avatar[data-color=tomate]{background:var(--tomate)}.avatar[data-color=teal]{background:var(--teal)}.avatar[data-size=lg]{width:44px;height:44px;box-shadow:0 0 0 3px var(--bg);font-size:19px}.avatar[data-size=lg]+.avatar[data-size=lg]{margin-left:-8px}.avatar-anyone{border:1.5px dashed var(--muted);color:var(--muted);background:0 0}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{min-height:var(--tap);background:var(--surface);box-shadow:var(--shadow-1);transition:transform .4s var(--spring), background .15s, border-color .15s;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 7px;font-weight:600;display:inline-flex}.segmented button[aria-pressed=true]{border-color:var(--ink);background:var(--accent-soft)}.seg{background:var(--sunken);border-radius:999px;gap:4px;padding:4px;display:flex}.seg button{min-height:var(--tap);color:var(--ink-2);transition:transform .4s var(--spring), background .2s, color .2s;background:0 0;border:0;border-radius:999px;flex:1;padding:0 12px;font-weight:600}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);width:100%;max-width:560px;max-height:92dvh;color:var(--ink);box-shadow:var(--shadow-sheet);overscroll-behavior:contain;border:0;margin:auto auto 0;padding:0;overflow-y:auto}body:has(.sheet[open]){overflow:hidden}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);background:#1e163166}.sheet[open]{animation:.42s cubic-bezier(.2,.9,.25,1) sheet-in}.sheet-body{padding:6px 22px calc(env(safe-area-inset-bottom) + 22px);gap:18px;display:grid}.sheet-grip{background:var(--accent-soft);border-radius:99px;width:44px;height:6px;margin:12px auto 6px}.sheet-title{font:600 1.55rem/1.15 var(--display);margin:0}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (width>=700px){.sheet{border-radius:var(--r-xl);margin:auto}}.tabbar{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:10;border-radius:var(--r-xl);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);max-width:440px;box-shadow:var(--shadow-2);justify-content:center;gap:4px;margin:0 auto;padding:6px;display:flex;position:fixed}.tabbar a{border-radius:var(--r-lg);min-height:56px;color:var(--muted);transition:transform .4s var(--spring);flex-direction:column;flex:1;align-items:center;gap:3px;padding-top:5px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabbar a:active{transition-duration:80ms;transform:scale(.92)}.tab-icon{place-items:center;width:58px;height:30px;display:grid;position:relative}.tab-icon:before{content:"";transition:transform .45s var(--spring), background .2s;border-radius:999px;position:absolute;inset:0;transform:scale(.4,.7)}.tab-icon svg{position:relative}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar a[aria-current=page] .tab-icon:before{background:var(--accent-soft);transform:none}.tabbar a[aria-current=page] svg{stroke-width:2.6px}.tabbar .badge{background:var(--ink);min-width:18px;height:18px;color:var(--on-ink);border-radius:99px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;transform:translate(14px,-4px)}.pet{object-fit:contain;filter:var(--pet-glow);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;flex:none;display:block}.pet-loader{min-height:100dvh;color:var(--muted);font:500 1.05rem/1.2 var(--display);opacity:0;place-content:center;justify-items:center;gap:4px;animation:.3s .35s forwards fade-in;display:grid}.pet-loader p{margin:0}.pet-loader .pet{transform-origin:50% 90%;animation:.34s ease-in-out infinite alternate trot}@keyframes fade-in{to{opacity:1}}@keyframes trot{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-8px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.pet-loader .pet{animation:none}}.empty{text-align:center;color:var(--muted);justify-items:center;padding:32px 24px;display:grid}.empty .pet{margin-bottom:6px}.empty strong{color:var(--ink);font:600 1.3rem/1.2 var(--display);margin-bottom:6px;display:block}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);z-index:20;background:var(--ink);min-height:52px;color:var(--on-ink);box-shadow:var(--shadow-2);animation:toast-in .45s var(--spring);border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:4px 4px 4px 20px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.toast:not(:has(button)){padding-right:20px}.toast button{background:color-mix(in srgb, var(--on-ink) 16%, transparent);color:inherit;min-height:var(--tap);transition:transform .4s var(--spring);border:0;border-radius:999px;padding:0 16px;font-weight:700}.toast button:active{transition-duration:80ms;transform:scale(.92)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}}.welcome{max-width:420px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px);align-content:center;gap:24px;margin:0 auto;display:grid}.welcome .title{font-size:clamp(3.4rem,18vw,4.4rem)}.welcome form,.welcome-card{gap:14px;display:grid}.welcome-card{overflow-wrap:anywhere;border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-1);padding:20px}.welcome-mark{box-shadow:var(--shadow-1);border-radius:14px;margin-bottom:10px}.peek{justify-content:flex-end;align-items:flex-end;height:50px;margin:4px 18px -24px;display:flex;overflow:hidden}.peek .pet{animation:peek-up .6s var(--spring) backwards;margin:0 -10px -32px}.peek .pet:nth-child(2){animation-delay:.12s}.peek .pet:nth-child(3){animation-delay:.24s}@keyframes peek-up{0%{transform:translateY(70%)}}.code{font:600 2.2rem/1 var(--display);letter-spacing:.16em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.welcome-who{grid-template-columns:1fr 1fr;gap:12px;display:grid}.welcome-who button{border-radius:var(--r-lg);background:var(--sunken);font:600 1.05rem/1.2 var(--display);transition:transform .2s var(--spring,var(--ease));border:2px solid #0000;justify-items:center;gap:10px;padding:18px 8px;display:grid}.welcome-who button:active{transform:scale(.96)}.welcome-who button[aria-pressed=true]{border-color:var(--ink);background:var(--accent-soft,var(--sunken))}.welcome-who .avatar[data-size=lg]{width:56px;height:56px;font-size:22px}.mic-btn[aria-pressed=true]{background:var(--tomate-soft);color:var(--tomate);animation:1.1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--tomate) 18%, transparent)}}.field-with-mic{align-items:center;gap:8px;display:flex}.field-with-mic .input{flex:1;min-width:0}.tasks-new,.cal-add{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);z-index:4;width:max-content;box-shadow:0 8px 22px color-mix(in srgb, var(--ink) 28%, transparent);transition:transform .4s var(--spring), translate .3s var(--spring), background .15s;margin:24px 0 0 auto;padding:0 22px 0 16px;display:flex;position:sticky}.tasks-new svg,.cal-add svg{background:color-mix(in srgb, var(--on-ink) 18%, transparent);border-radius:99px;width:26px;height:26px;padding:4px}body:has(.toast) :is(.tasks-new,.cal-add){translate:0 -64px}.sheet-grip,.sheet-title{touch-action:none}.sheet-grip{cursor:grab}.sheet[data-closing]{animation:.24s cubic-bezier(.4,0,1,1) forwards sheet-out}.sheet[data-closing]::backdrop{animation:.24s forwards fade-out}@keyframes sheet-out{to{translate:0 100%}}@keyframes fade-out{to{opacity:0}}.tasks-turn-pet .pet,.cal-next-pet .pet{transform-origin:50% 90%;animation:7s ease-in-out infinite idle}@keyframes idle{0%,90%,to{transform:none}94%{transform:rotate(-5deg)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.tasks-turn-pet .pet,.cal-next-pet .pet{animation:none}}.confetti{z-index:30;pointer-events:none;border-radius:2px;width:6px;height:10px;position:fixed}.btn-link{box-shadow:none;color:var(--muted);text-underline-offset:3px;background:0 0;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.peek-empty{position:relative;margin-top:46px!important}.peek-empty .pet{position:absolute;bottom:100%;right:18px;translate:0 calc(26% + 1px)}