:root{--bg:#f7f5f0;--surface:#fffefb;--ink:#1d2127;--muted:#666d77;--line:#e3dfd4;--accent:#1f6f5c;--accent-ink:#fff;--accent-soft:#e2efea;--danger:#b3382c;--warn:#9a5b00;--warn-soft:#f6ead2;--backdrop:#14171a73;--radius:12px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14171a;--surface:#1b1f23;--ink:#eceff2;--muted:#9aa3ad;--line:#2b3137;--accent:#4fb59a;--accent-ink:#0b1f19;--accent-soft:#1b2e29;--danger:#ec7f73;--warn:#e0a64a;--warn-soft:#33290f;--backdrop:#0009}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.4}body.no-scroll{overflow:hidden}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:1.15rem;font-weight:650}h2{letter-spacing:-.01em;font-size:1.2rem;font-weight:650}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:650}ul.plain{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.small{font-size:.85rem}.pad{padding:16px}.stack{flex-direction:column;gap:14px;display:flex}.stack.gap-lg{gap:24px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.55}input,textarea,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;padding:11px 12px;font-size:16px}textarea{resize:vertical}select{width:auto}input::placeholder{color:var(--muted)}label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}label .hint{color:var(--muted);font-size:.82rem;font-weight:400}label .hint.inline{display:inline}button.primary,button.ghost,button.danger{white-space:nowrap;border-radius:10px;min-height:44px;padding:0 18px;font-weight:600}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary.wide{width:100%}button.ghost{border:1px solid var(--line);background:var(--surface)}button.danger{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);background:0 0}button.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}button.link{color:var(--accent);text-underline-offset:3px;align-self:center;padding:10px;text-decoration:underline}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--ink)}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:999px;font-weight:700}.inline-form,.button-row,.date-row{align-items:center;gap:8px;display:flex}.button-row{justify-content:space-between}.button-row select{min-height:44px}.error{color:var(--danger);font-size:.92rem}.tag{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:650;display:inline-block}.tag.warn{background:var(--warn-soft);color:var(--warn)}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);border-radius:8px;flex:none;width:26px;height:26px;position:relative}.brand-mark:after{content:"";border:solid var(--accent-ink);border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:5px;left:8px;transform:rotate(40deg)}.splash{height:100%}.auth{min-height:100%;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));place-items:center;display:grid}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.auth-card h1{font-size:1.5rem}.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.shell.wide{grid-template-columns:340px minmax(0,1fr)}.shell>:not(.banners){grid-row:2;min-height:0}.banners{grid-area:1/1/auto/-1}.offline-banner{background:var(--warn-soft);color:var(--warn);text-align:center;padding:calc(8px + var(--safe-top)) 12px 8px;font-size:.9rem;font-weight:600}.lists-pane{background:var(--bg);flex-direction:column;min-height:0;display:flex}.shell.wide .lists-pane{border-right:1px solid var(--line);background:var(--surface)}.pane-header{padding:calc(14px + var(--safe-top)) 16px 10px 18px;justify-content:space-between;align-items:center;display:flex}.pane-scroll{flex:1;padding:0 10px 12px;overflow-y:auto}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 8px 6px;font-size:.78rem;font-weight:650}.pane-footer{padding:10px 14px calc(14px + var(--safe-bottom));border-top:1px solid var(--line)}.list-row{border-radius:var(--radius);text-align:left;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;display:flex}.list-row:hover{background:var(--accent-soft)}.list-row.active{background:var(--accent-soft);color:var(--accent)}.list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.shared-icon{color:var(--muted);flex:none}.count{text-align:right;min-width:1.6em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.92rem}.empty{text-align:center;flex-direction:column;gap:6px;padding:40px 24px;display:flex}.empty-title{font-size:1.05rem;font-weight:650}.placeholder{text-align:center;place-content:center;gap:6px;padding:24px;display:grid}.list-view{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex}.view-header{padding:calc(10px + var(--safe-top)) 8px 8px 8px;border-bottom:1px solid var(--line);align-items:center;gap:4px;display:flex}.shell.wide .view-header{padding-left:24px}.view-title{flex:1;min-width:0;padding:0 4px}.view-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-scroll{flex:1;padding:8px 12px 16px;overflow-y:auto}.shell.wide .view-scroll{width:100%;max-width:808px;padding:12px 24px 16px}.tasks{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tasks:empty{display:none}.task{border-bottom:1px solid var(--line);align-items:flex-start;display:flex}.task:last-child{border-bottom:0}.check{border:2px solid color-mix(in srgb, var(--muted) 70%, transparent);border-radius:999px;flex:none;width:26px;height:26px;margin:14px 4px 14px 14px;position:relative}.check:before{content:"";position:absolute;inset:-10px}.check[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.check[aria-checked=true]:after{content:"";border:solid var(--accent-ink);border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:3px;left:7px;transform:rotate(40deg)}.task-main{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;padding:13px 14px 13px 10px;display:flex}.task-title{overflow-wrap:anywhere}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);gap:10px;font-size:.82rem;display:flex}.due.overdue{color:var(--danger);font-weight:600}.due.today{color:var(--accent);font-weight:600}.done-toggle{min-height:44px;color:var(--muted);align-items:center;gap:6px;margin-top:8px;padding:0 6px;font-size:.92rem;font-weight:600;display:flex}.chevron{font-size:1.3rem;line-height:1;transition:transform .15s;display:inline-block}.chevron.open{transform:rotate(90deg)}.quick-add{padding:10px 12px calc(12px + var(--safe-bottom));background:var(--bg);border-top:1px solid var(--line);gap:8px;display:flex}.shell.wide .quick-add{padding-left:24px;padding-right:max(24px,100% - 784px)}.quick-add.notice{color:var(--muted);justify-content:center;font-size:.92rem}.sheet-backdrop{z-index:20;background:var(--backdrop);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-height:92dvh;padding-bottom:var(--safe-bottom);border-radius:20px 20px 0 0;outline:none;animation:.18s ease-out rise;overflow-y:auto}.sheet-header{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;padding:10px 12px 6px 20px;display:flex;position:sticky;top:0}.sheet-body{padding:8px 20px 24px}@media (width>=600px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px;width:480px;box-shadow:0 20px 60px #00000040}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.people .person{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.people .person:last-child{border-bottom:0}.person-info{flex-direction:column;min-width:0;display:flex}.person-name{overflow-wrap:anywhere;font-weight:600}.person-actions{align-items:center;gap:2px;display:flex}.person-actions select{padding:8px 10px}.notice-banner{background:var(--accent-soft);color:var(--ink);padding:calc(8px + var(--safe-top)) 12px 8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-size:.9rem;display:flex}.link-inline{color:var(--accent);text-underline-offset:3px;min-height:28px;font-weight:650;text-decoration:underline}.tabs{background:var(--accent-soft);border-radius:11px;gap:4px;margin:2px 14px 6px;padding:3px;display:flex}.tabs button{min-height:38px;color:var(--muted);border-radius:9px;flex:1;font-weight:650}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.account-note{margin:4px 0 16px}button.compact{min-height:36px;padding:0 12px;font-size:.9rem}.calendar-view{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex}.cal-header{gap:2px}.shell.wide .calendar-view .view-scroll{width:100%;max-width:808px;padding:12px 24px 24px}.calendar-view .tabs{margin-top:8px}.callout{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px;padding:16px;display:flex}.agenda-day{margin-top:16px}.agenda-day h3{margin-bottom:6px;padding-left:4px}.agenda-day.is-today h3{color:var(--accent)}.overdue-block h3{color:var(--danger)}.nothing{padding:2px 4px 4px}.agenda{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.agenda-row{border-bottom:1px solid var(--line);align-items:flex-start;display:flex}.agenda-row:last-child{border-bottom:0}.agenda-row .check{width:22px;height:22px;margin:12px 2px 12px 14px}.agenda-main{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;padding:10px 14px 10px 10px;display:flex}.agenda-main.static{padding-left:0}.agenda-title{overflow-wrap:anywhere}.agenda-meta{color:var(--muted);font-size:.82rem}.agenda-row.event .bar{border-radius:2px;flex:none;align-self:stretch;width:4px;margin:10px 12px 10px 14px}.dot{border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.cal-person{flex-wrap:wrap;align-items:flex-start}.cal-person .person-info{flex:200px}.cal-person .person-actions{gap:6px}.note{margin-top:12px}.how summary{cursor:pointer;color:var(--accent);padding:6px 0;font-weight:650}.how ul{flex-direction:column;gap:8px;margin:8px 0;padding-left:20px;font-size:.92rem;display:flex}.toast-region{left:0;right:0;top:calc(12px + var(--safe-top));z-index:40;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{background:var(--ink);color:var(--bg);border-radius:12px;max-width:420px;padding:11px 16px;font-size:.92rem;animation:.18s ease-out rise;box-shadow:0 8px 24px #00000040}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}