:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--line-tight: 1.25;--line-base: 1.5;--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--touch-target-min: 44px;--control-height: 44px;--motion-fast: .12s;--motion-base: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--elevation-0: none;--elevation-1: 0 1px 2px rgba(0, 0, 0, .3);--elevation-2: 0 6px 16px rgba(0, 0, 0, .35);--elevation-3: 0 12px 32px rgba(0, 0, 0, .45);--content-max: 34rem;--z-sheet: 100;--z-toast: 200;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-sunken: #eef2f7;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #d5dce5;--color-border-strong: #64748b;--color-focus: #0284c7;--color-accent: #0369a1;--color-accent-contrast: #ffffff;--color-danger: #b91c1c;--color-warning: #b45309;--color-success: #047857;--color-info: #0369a1;--color-event: #0369a1;--color-task: #4f46e5;--color-note: #b45309;--color-grocery: #047857;--color-private: #6d28d9;--color-owner-1: #db2777;--color-owner-2: #0284c7;--color-owner-3: #b45309;--color-owner-4: #047857;--color-owner-5: #7c3aed;--color-owner-6: #ea580c}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-sunken: #0b1220;--color-text: #f1f5f9;--color-text-muted: #a4b2c6;--color-border: #334155;--color-border-strong: #64748b;--color-focus: #38bdf8;--color-accent: #38bdf8;--color-accent-contrast: #04263a;--color-danger: #fca5a5;--color-warning: #fbbf24;--color-success: #6ee7b7;--color-info: #7dd3fc;--color-event: #7dd3fc;--color-task: #a5b4fc;--color-note: #fcd34d;--color-grocery: #6ee7b7;--color-private: #c4b5fd;--color-owner-1: #f472b6;--color-owner-2: #38bdf8;--color-owner-3: #fbbf24;--color-owner-4: #4ade80;--color-owner-5: #c084fc;--color-owner-6: #fb923c}}:root[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-sunken: #0b1220;--color-text: #f1f5f9;--color-text-muted: #a4b2c6;--color-border: #334155;--color-border-strong: #64748b;--color-focus: #38bdf8;--color-accent: #38bdf8;--color-accent-contrast: #04263a;--color-danger: #fca5a5;--color-warning: #fbbf24;--color-success: #6ee7b7;--color-info: #7dd3fc;--color-event: #7dd3fc;--color-task: #a5b4fc;--color-note: #fcd34d;--color-grocery: #6ee7b7;--color-private: #c4b5fd;--color-owner-1: #f472b6;--color-owner-2: #38bdf8;--color-owner-3: #fbbf24;--color-owner-4: #4ade80;--color-owner-5: #c084fc;--color-owner-6: #fb923c}:root[data-theme=light]{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-sunken: #eef2f7;--color-text: #0f172a;--color-text-muted: #475569;--color-border: #d5dce5;--color-border-strong: #64748b;--color-focus: #0284c7;--color-accent: #0369a1;--color-accent-contrast: #ffffff;--color-danger: #b91c1c;--color-warning: #b45309;--color-success: #047857;--color-info: #0369a1;--color-event: #0369a1;--color-task: #4f46e5;--color-note: #b45309;--color-grocery: #047857;--color-private: #6d28d9;--color-owner-1: #db2777;--color-owner-2: #0284c7;--color-owner-3: #b45309;--color-owner-4: #047857;--color-owner-5: #7c3aed;--color-owner-6: #ea580c}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-base);background:var(--color-bg);color:var(--color-text)}#app{width:100%;max-width:var(--content-max)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--elevation-2)}.card.wide{max-width:var(--content-max)}h1{margin:0 0 var(--space-1);font-size:var(--font-size-xl)}h2{font-size:var(--font-size-base);color:var(--color-text-muted);margin:var(--space-5) 0 var(--space-2)}.muted{color:var(--color-text-muted);margin:var(--space-1) 0}label{display:block;margin:var(--space-4) 0 0;font-weight:var(--weight-medium)}input{width:100%;min-height:var(--touch-target-min);margin-top:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text);font-size:var(--font-size-base)}input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}button{margin-top:var(--space-5);width:100%;min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold);font-size:var(--font-size-base);cursor:pointer}button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button.secondary{min-height:var(--touch-target-min);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);width:auto;margin:0}button:disabled{opacity:.6;cursor:progress}.error{color:var(--color-danger);min-height:1.3em;margin:var(--space-3) 0 0}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.items{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.item .title{font-weight:var(--weight-medium);margin-right:auto}.tag{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-border);color:var(--color-text)}.tag.private{background:var(--color-private);color:var(--color-surface-sunken)}.status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footnote{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);background:#00000080}.sheet{position:fixed;z-index:var(--z-toast);left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--content-max);max-height:90vh;overflow:auto;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--elevation-3)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.sheet__head h2{margin:0;font-size:var(--font-size-md)}.restatement{margin:0 0 var(--space-3);font-size:var(--font-size-md);font-weight:var(--weight-medium);color:var(--color-text)}.capture textarea{width:100%;min-height:var(--touch-target-min);margin-top:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;resize:vertical}.capture textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.capture label{font-weight:var(--weight-medium)}fieldset.route{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3)}fieldset.route legend{padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}fieldset.route label{display:inline-flex;align-items:center;min-height:var(--touch-target-min);gap:var(--space-1);margin-right:var(--space-4);font-weight:var(--weight-regular)}.draft dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0}.draft dt{color:var(--color-text-muted)}.draft dd{margin:0;font-weight:var(--weight-medium)}.draft .actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.draft .actions button{width:auto;margin:0}.item .owner{font-size:var(--font-size-sm);color:var(--color-text-muted)}.item-actions{display:inline-flex;gap:var(--space-1);margin-left:auto}.item-actions button{width:auto;min-height:var(--touch-target-min);margin:0;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}section[aria-labelledby] h2{margin:var(--space-4) 0 var(--space-2)}.capture .photo-label{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--weight-regular)}.capture input[type=file]{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text)}.capture input[type=file]::file-selector-button{margin-right:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);cursor:pointer}.icon{flex:none;display:inline-block;vertical-align:middle}.icon-label{display:inline-flex;align-items:center;gap:var(--space-1)}.item .cal{font-size:var(--font-size-xs);margin-left:var(--space-2)}.item .cal.warn{color:var(--color-danger)}.item .cal.ok{opacity:.85}.appbar{position:sticky;top:0;z-index:var(--z-sheet);display:grid;gap:var(--space-2);padding:var(--space-3) 0 var(--space-2);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.appbar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.appbar-title{margin:0;font-size:var(--font-size-lg)}.appbar-tools{display:inline-flex;gap:var(--space-2)}.tool{width:auto;min-height:var(--touch-target-min);margin:0;padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.seg{display:inline-flex;gap:var(--space-1);width:fit-content;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.seg-btn{min-height:var(--touch-target-min);width:auto;margin:0;padding:var(--space-1) var(--space-4);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.seg-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);width:auto;margin:0;padding:var(--space-1) var(--space-3);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--weight-regular)}.chip[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-surface);font-weight:var(--weight-bold)}.see{display:grid;gap:var(--space-4);padding:var(--space-4) 0 var(--space-10)}.see h2{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--font-size-md)}.day{margin:0 0 var(--space-3)}.day-head{margin:0 0 var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--weight-bold);letter-spacing:.04em}.day-empty{margin:0 0 var(--space-2);color:var(--color-text-muted)}.lane{margin:0 0 var(--space-2)}.row-item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.row-item.event{border-left:var(--space-1) solid var(--color-event)}.row-title{flex:1 1 8ch;min-width:8ch;margin-right:auto;font-weight:var(--weight-medium)}.row-when{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.row-when .time{color:var(--color-text);font-weight:var(--weight-bold)}.row-type{color:var(--color-text-muted);font-size:var(--font-size-sm)}.row-actions{display:inline-flex;gap:var(--space-1);margin-left:auto}.row-btn{min-height:var(--touch-target-min);width:auto;margin:0;padding:var(--space-1) var(--space-3);background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.owner-badge{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.owner-dot{width:.7em;height:.7em;flex:none;border-radius:var(--radius-pill);background:var(--color-border-strong)}.owner-1{background:var(--color-owner-1)}.owner-2{background:var(--color-owner-2)}.owner-3{background:var(--color-owner-3)}.owner-4{background:var(--color-owner-4)}.owner-5{background:var(--color-owner-5)}.owner-6{background:var(--color-owner-6)}.src-badge{padding:var(--space-1) var(--space-2);background:var(--color-border);color:var(--color-text);border-radius:var(--radius-pill);font-size:var(--font-size-xs)}.cal{font-size:var(--font-size-xs)}.cal.warn{color:var(--color-danger)}.slipped{padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md)}.slipped-head{display:inline-flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-2);color:var(--color-warning);font-size:var(--font-size-md)}.anytime summary{display:flex;align-items:center;min-height:var(--touch-target-min);color:var(--color-text-muted);font-weight:var(--weight-medium);cursor:pointer}.linklike{display:inline-flex;align-items:center;gap:var(--space-1);width:auto;min-height:var(--touch-target-min);margin:0;padding:var(--space-2) 0;background:transparent;border:0;color:var(--color-accent);font-weight:var(--weight-medium)}.calm-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--color-text-muted);text-align:center;font-size:var(--font-size-md)}.calm-empty .icon{color:var(--color-border-strong)}@media(prefers-reduced-motion:no-preference){.tool,.seg-btn,.chip,.row-btn,.capture-fab,.linklike{transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.row-btn:active,.chip:active,.capture-fab:active{transform:scale(.96)}.sheet-backdrop{animation:ho-fade var(--motion-fast) var(--ease-standard)}.sheet{animation:ho-rise var(--motion-base) var(--ease-standard)}.row-item{animation:ho-fade var(--motion-base) var(--ease-standard)}@keyframes ho-fade{0%{opacity:0}to{opacity:1}}@keyframes ho-rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}}.capture-bar{position:sticky;bottom:0;display:flex;justify-content:center;padding:var(--space-3) 0;background:linear-gradient(to top,var(--color-bg),transparent)}.capture-fab{min-height:var(--touch-target-min);width:auto;margin:0;padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-bold);box-shadow:var(--elevation-2)}