:root{--bg:#f6f6f8;--surface:#fff;--surface-2:#f1f1f5;--surface-3:#e8e8ee;--text:#16161d;--text-2:#5c5c6b;--text-3:#8d8d9c;--line:#e4e4ec;--line-strong:#d3d3dd;--accent:#5b5bd6;--accent-soft:#ecebfb;--accent-text:#4a48c4;--danger:#dc2b4b;--danger-soft:#fdecef;--ok:#10996b;--shadow:0 1px 2px #10101d0d, 0 8px 24px -12px #10101d24;--shadow-lg:0 -8px 40px -12px #10101d3d;--r-sm:10px;--r:14px;--r-lg:20px;--pad:16px;--tap:44px;--c-period:#e0447a;--c-period-soft:#fdecf2;--c-work:#4f68d8;--c-work-soft:#eaeefc;--c-other:#b8761c;--c-other-soft:#fbf1e2;--c-grocery:#16875a;--c-grocery-soft:#e5f5ee}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0e13;--surface:#17171e;--surface-2:#1f1f28;--surface-3:#2a2a35;--text:#f2f2f6;--text-2:#a6a6b6;--text-3:#7c7c8c;--line:#26262f;--line-strong:#34343f;--accent:#8b8bf0;--accent-soft:#23233a;--accent-text:#a5a5f5;--danger:#ff6f86;--danger-soft:#34181f;--ok:#3ecf95;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-lg:0 -8px 40px -12px #000000b3;--c-period:#f4739f;--c-period-soft:#331c26;--c-work:#8ca0f5;--c-work-soft:#1c2038;--c-other:#e3a94f;--c-other-soft:#2e2415;--c-grocery:#4cc794;--c-grocery-soft:#12291f}}:root[data-theme=dark]{--bg:#0e0e13;--surface:#17171e;--surface-2:#1f1f28;--surface-3:#2a2a35;--text:#f2f2f6;--text-2:#a6a6b6;--text-3:#7c7c8c;--line:#26262f;--line-strong:#34343f;--accent:#8b8bf0;--accent-soft:#23233a;--accent-text:#a5a5f5;--danger:#ff6f86;--danger-soft:#34181f;--ok:#3ecf95;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-lg:0 -8px 40px -12px #000000b3;--c-period:#f4739f;--c-period-soft:#331c26;--c-work:#8ca0f5;--c-work-soft:#1c2038;--c-other:#e3a94f;--c-other-soft:#2e2415;--c-grocery:#4cc794;--c-grocery-soft:#12291f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.5}input,textarea,button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-text)}h1,h2,h3,h4{letter-spacing:-.012em;margin:0;font-weight:650;line-height:1.25}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;min-height:52px;padding:6px 8px;padding-top:calc(6px + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid #0000;align-items:center;gap:4px;transition:border-color .15s;display:flex;position:sticky;top:0}.topbar.scrolled{border-bottom-color:var(--line)}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-inline:4px;font-size:17px;font-weight:650;overflow:hidden}.topbar .spacer{flex:1}.page{width:100%;max-width:560px;padding:4px var(--pad) calc(40px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.page.with-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{background:var(--surface-2)}.icon-btn.danger{color:var(--danger)}.btn{min-height:var(--tap);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:transform 60ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.tinted{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.btn.ghost{color:var(--accent-text);background:0 0;border-color:#0000}.btn.danger{color:var(--danger);border-color:var(--line-strong)}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.block{width:100%}.btn.sm{border-radius:10px;min-height:36px;padding:0 12px;font-size:14px}.actionbar{z-index:15;padding:10px var(--pad) calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-top:1px solid var(--line);gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar>*{flex:1}.actionbar .inner{gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card.pad{padding:var(--pad)}.section{margin-top:22px}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin:0 4px 8px;font-size:13px;font-weight:650}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:13px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.wrap{flex-wrap:wrap}.hero{padding:14px 4px 4px}.hero h2{letter-spacing:-.02em;font-size:26px}.hero p{color:var(--text-2);margin-top:4px;font-size:14px}.tiles{gap:12px;margin-top:18px;display:grid}.tile{text-align:left;width:100%;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px;text-decoration:none;transition:transform 80ms;display:block}.tile:active{transform:scale(.985)}.tile-head{align-items:center;gap:12px;display:flex}.tile-icon{background:var(--tint-soft);width:42px;height:42px;color:var(--tint);border-radius:13px;flex:none;place-items:center;display:grid}.tile h3{font-size:17px}.tile .chev{color:var(--text-3);flex:none;margin-left:auto}.tile-body{color:var(--text-2);margin-top:12px;font-size:14px}.tile-body strong{color:var(--text);font-weight:600}.tile-stat{flex-wrap:wrap;gap:16px;display:flex}.tile-stat div{flex-direction:column;display:flex}.tile-stat span{color:var(--text-3);font-size:12px}.tile-stat b{font-size:15px;font-weight:640}.rows{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.rows>*+*{border-top:1px solid var(--line)}.row-item{width:100%;padding:14px var(--pad);text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:12px;min-height:56px;text-decoration:none;display:flex}.row-item:active{background:var(--surface-2)}.row-item .grow{flex:1;min-width:0}.row-item .title{text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.row-item .sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.empty{text-align:center;color:var(--text-3);padding:48px 24px}.empty .ico{color:var(--line-strong);margin-bottom:10px}.empty h3{color:var(--text-2);font-size:16px;font-weight:600}.empty p{margin-top:4px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--text-2);padding-inline:2px;font-size:13px;font-weight:600}.input,.textarea,select.input{width:100%;min-height:var(--tap);background:var(--surface);border:1px solid var(--line-strong);appearance:none;border-radius:12px;padding:10px 14px;font-size:16px}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;min-height:78px;line-height:1.55}.input.plain{box-shadow:none;background:0 0;border:0;border-radius:0;padding:6px 2px}.input.plain:focus{box-shadow:none}.input.title-input{letter-spacing:-.015em;font-size:22px;font-weight:680}.input.num{text-align:right}.segmented{background:var(--surface-2);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--text-2);background:0 0;border:0;border-radius:9px;flex:1;font-size:14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.pill{background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:var(--c-grocery-soft);color:var(--c-grocery)}.pill.warn{background:var(--danger-soft);color:var(--danger)}.pill.accent{background:var(--accent-soft);color:var(--accent-text)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.scrim{z-index:40;background:#08080e6b;justify-content:center;align-items:flex-end;animation:.16s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:8px var(--pad) calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:88vh;animation:.22s cubic-bezier(.22,1,.36,1) rise;overflow-y:auto}.sheet .grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:6px auto 12px}.sheet h3{margin-bottom:4px;font-size:17px}.sheet-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.4;transform:translateY(16px)}}.cal-head{justify-content:space-between;align-items:center;padding:2px 2px 10px;display:flex}.cal-head h3{font-size:16px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-wd{text-align:center;color:var(--text-3);letter-spacing:.03em;padding-bottom:6px;font-size:11px;font-weight:650}.cal-cell{aspect-ratio:1;color:var(--text);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;font-size:14.5px;font-weight:550;display:grid;position:relative}.cal-cell.out{color:var(--text-3);opacity:.45}.cal-cell:active{background:var(--surface-2)}.cal-cell.period{background:var(--c-period);color:#fff;font-weight:650}.cal-cell.period.mid{border-radius:4px}.cal-cell.period.start{border-radius:12px 4px 4px 12px}.cal-cell.period.end{border-radius:4px 12px 12px 4px}.cal-cell.period.start.end{border-radius:12px}.cal-cell.predicted{box-shadow:inset 0 0 0 1.5px var(--c-period);color:var(--c-period)}.cal-cell.today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.cal-legend{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;display:flex}.cal-legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:4px;flex:none;width:12px;height:12px}.swatch.solid{background:var(--c-period)}.swatch.outline{box-shadow:inset 0 0 0 1.5px var(--c-period)}.stat-grid{background:var(--line);border-radius:var(--r-lg);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--surface);padding:14px}.stat span{color:var(--text-3);letter-spacing:.02em;font-size:12px;font-weight:600;display:block}.stat b{letter-spacing:-.015em;margin-top:3px;font-size:19px;font-weight:680;display:block}.stat small{color:var(--text-2);margin-top:1px;font-size:12.5px;display:block}.stat.wide{grid-column:span 2}.progress{background:var(--surface-3);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.progress i{background:var(--c-period);border-radius:3px;height:100%;display:block}.toolbar{top:calc(52px + env(safe-area-inset-top));z-index:10;background:var(--bg);scrollbar-width:none;gap:2px;margin:0 -2px;padding:8px 2px;display:flex;position:sticky;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar button{border:1px solid var(--line);background:var(--surface);min-width:38px;height:38px;color:var(--text-2);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0 9px;font-size:14px;font-weight:650;display:inline-flex}.toolbar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.toolbar .sep{background:var(--line);flex:none;width:1px;height:22px;margin:8px 4px}.ProseMirror{outline:none;min-height:46vh;font-size:16.5px;line-height:1.65}.ProseMirror>*+*{margin-top:.7em}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--text-3)}.prose{word-break:break-word;font-size:16.5px;line-height:1.65}.prose>*+*{margin-top:.7em}.prose h1{margin-top:1.1em;font-size:23px}.prose h2{margin-top:1.1em;font-size:20px}.prose h3{margin-top:1em;font-size:17.5px}.prose ul,.prose ol{margin-block:.5em;padding-left:1.35em}.prose li{margin:.22em 0}.prose li>ul,.prose li>ol{margin-block:.22em}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--text-2);padding-left:14px}.prose code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}.prose pre{background:var(--surface-2);border-radius:12px;padding:12px 14px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}.prose a{color:var(--accent-text)}.prose ul[data-type=taskList]{padding-left:2px;list-style:none}.prose ul[data-type=taskList] li{align-items:flex-start;gap:10px;display:flex}.prose ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:2px}.prose ul[data-type=taskList] li>div{flex:1;min-width:0}.prose ul[data-type=taskList] input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent)}.prose ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-3);text-decoration:line-through}.item-row{align-items:flex-start;gap:8px;padding:3px 0;display:flex}.item-row.child{padding-left:30px}.item-marker{width:26px;min-height:34px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:14px;display:grid}.item-row input.item-input{background:0 0;border:0;flex:1;min-width:0;min-height:34px;padding:4px 0;font-size:16px}.item-row input.item-input:focus{outline:none}.item-row .item-tools{flex:none;gap:2px;display:flex}.item-row .item-tools button{width:32px;height:32px;color:var(--text-3);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.item-row .item-tools button:active{background:var(--surface-2)}.check{border:1.6px solid var(--line-strong);background:var(--surface);color:#0000;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;padding:0;display:grid}.check[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:#fff}.view-list{margin:0;padding:0;list-style:none}.view-list li{padding:2px 0}.view-list .line{align-items:flex-start;gap:10px;display:flex}.view-list .marker{min-width:18px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;padding-top:1px}.view-list .txt{word-break:break-word;flex:1;min-width:0}.view-list .done{color:var(--text-3);text-decoration:line-through}.view-list ul{margin:0;padding:2px 0 2px 30px;list-style:none}.g-row{padding:12px var(--pad);align-items:center;gap:12px;display:flex}.g-row .name{font-size:15.5px;font-weight:600}.g-row .meta{color:var(--text-3);margin-top:1px;font-size:13px}.g-row .amount{font-variant-numeric:tabular-nums;flex:none;font-weight:650}.g-row.bought .name,.g-row.bought .meta,.g-row.bought .amount{color:var(--text-3)}.g-row.bought .name{text-decoration:line-through}.g-edit{padding:12px var(--pad);flex-direction:column;gap:8px;display:flex}.g-edit .line1{align-items:center;gap:8px;display:flex}.g-edit .grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.g-edit .mini{flex-direction:column;gap:3px;display:flex}.g-edit .mini label{color:var(--text-3);padding-left:2px;font-size:11px;font-weight:600}.g-edit .input{border-radius:10px;min-height:40px;padding:8px 10px;font-size:15px}.totals{padding:4px 0}.totals .line{padding:9px var(--pad);justify-content:space-between;font-size:15px;display:flex}.totals .line span{color:var(--text-2)}.totals .line b{font-variant-numeric:tabular-nums;font-weight:600}.totals .grand{border-top:1px solid var(--line);margin-top:2px;padding-top:12px;font-size:17px}.totals .grand b{font-size:19px;font-weight:700}.banner{border-radius:var(--r);background:var(--accent-soft);color:var(--accent-text);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.banner.warn{background:var(--danger-soft);color:var(--danger)}.banner b{font-weight:650}.sync-chip{background:var(--surface-2);height:30px;color:var(--text-2);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.sync-chip .dot{background:var(--text-3)}.sync-chip.synced .dot{background:var(--ok)}.sync-chip.syncing .dot{background:var(--accent);animation:1.1s ease-in-out infinite pulse}.sync-chip.error .dot,.sync-chip.offline .dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.center-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{width:100%;max-width:380px}.auth-card .logo{border-radius:17px;width:56px;height:56px;margin:0 auto 16px;display:block}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;animation:.2s rise;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}