:root{--paper:#eef2ee;--surface:#fff;--ink:#15211d;--ink-2:#4e5c57;--ink-3:#7b8a84;--line:#d5ddd8;--pine:#1e5e4e;--pine-ink:#fff;--pine-soft:#dcebe4;--marigold:#d98f0b;--marigold-soft:#fbedd0;--brick:#b2452e;--shadow:0 1px 2px #15211d0f, 0 8px 24px #15211d14;--r-sm:8px;--r-md:14px;--r-lg:22px;--nav-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Onest,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--paper:#0e1513;--surface:#17211e;--ink:#e7eeea;--ink-2:#a3b3ac;--ink-3:#74857e;--line:#2a3833;--pine:#6cc3a5;--pine-ink:#0b1a15;--pine-soft:#1c3a31;--marigold:#f2b441;--marigold-soft:#3a2e14;--brick:#e88a72;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--paper);margin:0}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--pine);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.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}.app{max-width:540px;min-height:100dvh;padding:0 16px calc(var(--nav-h) + 96px + env(safe-area-inset-bottom));margin:0 auto}.nav{z-index:20;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.nav ul{max-width:540px;height:var(--nav-h);grid-template-columns:repeat(5,1fr);margin:0 auto;padding:0 4px;list-style:none;display:grid}.nav a{height:100%;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex}.nav a[aria-current=page]{color:var(--pine);font-weight:650}.nav svg{width:24px;height:24px}.page-head{padding:28px 0 18px}.page-head h1{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700;line-height:1.05}.page-head p{color:var(--ink-2);margin:6px 0 0}.head-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.date-sub{color:var(--ink-2);margin-top:4px;font-size:17px}.icon-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn svg{width:20px;height:20px}.progress{margin-top:16px}.progress-label{color:var(--ink-2);margin-bottom:6px;font-size:14px}.segments{gap:3px;height:6px;display:flex}.segments span{background:var(--line);border-radius:3px;flex:1}.segments span.on{background:var(--pine)}.week{grid-template-columns:repeat(7,1fr);gap:4px;margin:4px 0 22px;display:grid}.week button{border-radius:var(--r-md);color:var(--ink-2);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 9px;display:flex;position:relative}.week .wd{font-size:12px}.week .dn{color:var(--ink);font-size:18px;font-weight:650}.week button[aria-pressed=true]{background:var(--pine);color:var(--pine-ink)}.week button[aria-pressed=true] .dn{color:var(--pine-ink)}.week .dot{background:0 0;border-radius:50%;width:5px;height:5px;margin-top:2px}.week .dot.has{background:var(--ink-3)}.week .dot.full{background:var(--pine)}.week button[aria-pressed=true] .dot.has,.week button[aria-pressed=true] .dot.full{background:var(--pine-ink)}.week .is-today .wd{color:var(--marigold);font-weight:650}.week button[aria-pressed=true].is-today .wd{color:var(--pine-ink)}.timeline{position:relative}.row{grid-template-columns:58px 1fr;display:grid;position:relative}.row .time{font-variant-numeric:tabular-nums;color:var(--ink);padding-top:12px;font-size:15px;font-weight:650}.row .time small{color:var(--ink-3);margin-top:1px;font-size:12px;font-weight:400;display:block}.row .track{padding-left:18px;position:relative}.row .track:before{content:"";background:var(--line);width:2px;position:absolute;top:0;bottom:0;left:5px}.row.done .track:before{background:var(--pine)}.block{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);align-items:flex-start;gap:10px;width:100%;height:100%;min-height:64px;padding:10px 12px 10px 14px;display:flex;position:relative}.row+.row .block{margin-top:0}.row.item{padding-bottom:6px}.block .body{flex:1;min-width:0}.block .title{overflow-wrap:anywhere;font-size:16.5px;font-weight:600;line-height:1.25}.block .meta{color:var(--ink-2);flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:13.5px;display:flex}.block .tag{color:var(--pine);font-weight:550}.block .note{color:var(--ink-3);overflow-wrap:anywhere;margin-top:4px;font-size:13.5px}.row.done .block{background:0 0;border-style:dashed}.row.done .title{color:var(--ink-2);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.row.skipped .title{color:var(--ink-3)}.row.active .block{border-color:var(--marigold);box-shadow:0 0 0 3px var(--marigold-soft)}.row.late .time{color:var(--brick)}.open-btn{all:unset;border-radius:var(--r-md);cursor:pointer;position:absolute;inset:0}.open-btn:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.check{z-index:1;border:2px solid var(--ink-3);color:#0000;background:0 0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin:-3px -4px 0 0;display:grid;position:relative}.check svg{width:18px;height:18px}.check[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:var(--pine-ink)}.row.gap .track:before{background:repeating-linear-gradient(to bottom, var(--line) 0 4px, transparent 4px 8px)}.gap-label{color:var(--ink-3);align-items:center;height:100%;padding-left:4px;font-size:12.5px;display:flex}.now-line{z-index:2;pointer-events:none;border-top:2px solid var(--marigold);height:0;position:absolute;left:-58px;right:0}.now-line span{background:var(--marigold);color:#241a03;font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-11px;left:0}.now-line:after{content:"";background:var(--marigold);border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:59px}.empty{border:1.5px dashed var(--line);border-radius:var(--r-lg);text-align:center;color:var(--ink-2);padding:28px 20px}.empty strong{color:var(--ink);margin-bottom:4px;font-size:17px;display:block}.empty p{margin:0 0 16px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:600;display:inline-flex}.btn svg{width:20px;height:20px}.btn.primary{background:var(--pine);border-color:var(--pine);color:var(--pine-ink)}.btn.danger{color:var(--brick);background:0 0;border-color:#0000;padding:0 8px}.btn.block-w{width:100%}.btn:disabled{opacity:.5;cursor:default}.fab{z-index:15;right:max(16px,50vw - 254px);bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));box-shadow:var(--shadow);min-height:54px;padding:0 22px 0 18px;font-size:16px;position:fixed}.section{margin-top:30px}.section h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.section>p{color:var(--ink-2);margin:4px 0 14px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;min-height:60px;padding:10px 12px;display:flex;position:relative}.list-item .when{font-variant-numeric:tabular-nums;flex:none;width:48px;font-weight:650}.list-item .body{flex:1;min-width:0}.list-item .title{overflow-wrap:anywhere;font-weight:600}.list-item .meta{color:var(--ink-2);font-size:13.5px}.list-item.done .title{color:var(--ink-2);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.list-item.off{opacity:.6}.list-item .check{margin:0}.notice{background:var(--pine-soft);border-radius:var(--r-md);color:var(--ink);padding:12px 14px;font-size:14.5px}.toast{z-index:40;left:50%;bottom:calc(var(--nav-h) + 84px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14.5px;position:fixed;transform:translate(-50%)}.scrim{z-index:50;background:#080e0c73;justify-content:center;align-items:flex-end;animation:.16s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:540px;max-height:92dvh;padding:8px 20px calc(20px + env(safe-area-inset-bottom));animation:.22s cubic-bezier(.2,.8,.2,1) rise;overflow-y:auto}@media (width>=700px){.scrim{align-items:center}.sheet{border-radius:var(--r-lg)}}.grabber{background:var(--line);border-radius:2px;width:40px;height:4px;margin:4px auto 12px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head h2{margin:0;font-size:22px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.scrim,.sheet{animation:none}}.field{margin-top:18px}.field>label,.field>.label{color:var(--ink-2);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;min-height:50px;padding:10px 12px;font-size:16px}.input:focus{outline:2px solid var(--pine);outline-offset:-1px}textarea.input{resize:vertical;min-height:72px}.input.big{font-size:20px;font-weight:600}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hint{color:var(--ink-2);margin-top:6px;font-size:13.5px}.hint.warn{color:var(--marigold)}.hint.err{color:var(--brick)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;min-height:40px;padding:0 14px;font-size:15px}.chip[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:var(--pine-ink);font-weight:600}.chip.day{width:44px;padding:0}.sheet-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.sheet-actions .btn.primary{flex:1}.setting{border-bottom:1px solid var(--line);padding:16px 0}.setting:last-child{border-bottom:0}.setting h3{margin:0 0 4px;font-size:16px}.setting p{color:var(--ink-2);margin:0 0 10px;font-size:14.5px}.seg{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.seg button{background:0 0;border:0;border-radius:999px;min-height:40px;padding:0 18px;font-weight:550}.seg button[aria-pressed=true]{background:var(--pine);color:var(--pine-ink)}.switch-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--pine)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:4px 16px}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.kpi .v{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.kpi .k{color:var(--ink-2);margin-top:2px;font-size:13px}.kpi .s{color:var(--ink-3);font-size:12.5px}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:150px;margin-top:8px;display:grid}.bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar .stack{background:var(--line);border-radius:6px 6px 3px 3px;flex-direction:column;justify-content:flex-end;width:100%;max-width:34px;min-height:4px;display:flex;position:relative;overflow:hidden}.bar .fill{background:var(--pine);width:100%}.bar .lbl{color:var(--ink-2);font-size:12px}.bar .cnt{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12px}.bar.today .lbl{color:var(--marigold);font-weight:650}.legend{color:var(--ink-2);gap:14px;margin-top:10px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.welcome{flex-direction:column;padding-bottom:32px;display:flex}.welcome-top{justify-content:space-between;align-items:center;padding:20px 0 8px;display:flex}.welcome-top img{border-radius:10px}.welcome-top .seg button{min-height:34px;padding:0 14px}.welcome-demo{pointer-events:none;margin:28px 0 8px;padding-left:6px}.welcome-title{letter-spacing:-.025em;margin:28px 0 0;font-size:clamp(34px,9vw,44px);font-weight:700;line-height:1.04}.welcome-text{color:var(--ink-2);max-width:34ch;margin:12px 0 28px;font-size:17px}.btn.google{background:var(--surface);border-color:var(--line);min-height:54px;box-shadow:var(--shadow);font-size:16.5px}.btn.ghost{color:var(--pine);background:0 0;border-color:#0000;margin-top:10px}.hint.center{text-align:center;margin-top:0}.account{align-items:center;gap:12px;margin-bottom:10px;display:flex}.avatar{object-fit:cover;background:var(--pine-soft);width:44px;height:44px;color:var(--pine);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.account .who{min-width:0}.account .who strong{overflow-wrap:anywhere;display:block}.account .who span{color:var(--ink-2);overflow-wrap:anywhere;font-size:14px}.sync-line{color:var(--ink-2);align-items:flex-start;gap:8px;margin:0 0 12px;font-size:14.5px;display:flex}.sync-dot{background:var(--ink-3);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.sync-dot.synced{background:var(--pine)}.sync-dot.syncing{background:var(--marigold)}.sync-dot.error,.sync-dot.offline{background:var(--brick)}