:root{--bg: #f5f4ef;--surface: #fffffe;--surface-sunken: #edece5;--ink: #20242a;--ink-muted: #5b616b;--ink-faint: #8b909a;--border: #dbd8ce;--border-strong: #c7c3b6;--accent: #6b9bc3;--accent-ink: #3e6a93;--accent-soft: #e1eef7;--accent-soft-border: #c3dff0;--accent-strong: #5b8db8;--accent-strong-ink: #ffffff;--danger-line: #b4483c;--notice-bg: #fdf3d6;--notice-border: #e8c766;--notice-ink: #7a5b09;--shadow: 0 1px 2px rgba(32, 36, 42, .06), 0 6px 20px -14px rgba(32, 36, 42, .25);--font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #191b1e;--surface: #222529;--surface-sunken: #1d2023;--ink: #ecEAe4;--ink-muted: #a9aeb6;--ink-faint: #767c86;--border: #34383e;--border-strong: #444951;--accent: #9dc3e3;--accent-ink: #c9e1f2;--accent-soft: #24313d;--accent-soft-border: #35485a;--accent-strong: #4e85b0;--accent-strong-ink: #ffffff;--danger-line: #d97b6e;--notice-bg: #3d3410;--notice-border: #6b5a17;--notice-ink: #f0d888;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -18px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--bg: #191b1e;--surface: #222529;--surface-sunken: #1d2023;--ink: #ecEAe4;--ink-muted: #a9aeb6;--ink-faint: #767c86;--border: #34383e;--border-strong: #444951;--accent: #9dc3e3;--accent-ink: #c9e1f2;--accent-soft: #24313d;--accent-soft-border: #35485a;--accent-strong: #4e85b0;--accent-strong-ink: #ffffff;--danger-line: #d97b6e;--notice-bg: #3d3410;--notice-border: #6b5a17;--notice-ink: #f0d888;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -18px rgba(0, 0, 0, .6)}:root[data-scheme=green]{--accent: #7fb89a;--accent-ink: #3f7a5c;--accent-soft: #e1f2e9;--accent-soft-border: #c2e4d2;--accent-strong: #5da37f;--accent-strong-ink: #ffffff}@media (prefers-color-scheme: dark){:root[data-scheme=green]:not([data-theme=light]){--accent: #9ed4b4;--accent-ink: #c7ecd6;--accent-soft: #223a2e;--accent-soft-border: #345444;--accent-strong: #4e9370;--accent-strong-ink: #ffffff}}:root[data-scheme=green][data-theme=dark]{--accent: #9ed4b4;--accent-ink: #c7ecd6;--accent-soft: #223a2e;--accent-soft-border: #345444;--accent-strong: #4e9370;--accent-strong-ink: #ffffff}:root[data-scheme=amber]{--accent: #e0a868;--accent-ink: #a06b2e;--accent-soft: #fbeedc;--accent-soft-border: #f0d8b8;--accent-strong: #c98a46;--accent-strong-ink: #ffffff}@media (prefers-color-scheme: dark){:root[data-scheme=amber]:not([data-theme=light]){--accent: #f0c08a;--accent-ink: #f5d9ae;--accent-soft: #3d3121;--accent-soft-border: #574327;--accent-strong: #b37b3a;--accent-strong-ink: #ffffff}}:root[data-scheme=amber][data-theme=dark]{--accent: #f0c08a;--accent-ink: #f5d9ae;--accent-soft: #3d3121;--accent-soft-border: #574327;--accent-strong: #b37b3a;--accent-strong-ink: #ffffff}:root[data-scheme=purple]{--accent: #a98fcb;--accent-ink: #6b4c93;--accent-soft: #efe7f7;--accent-soft-border: #dccbec;--accent-strong: #8f6eb8;--accent-strong-ink: #ffffff}@media (prefers-color-scheme: dark){:root[data-scheme=purple]:not([data-theme=light]){--accent: #c6b2e3;--accent-ink: #ddccf0;--accent-soft: #2e2740;--accent-soft-border: #423559;--accent-strong: #7e5da5;--accent-strong-ink: #ffffff}}:root[data-scheme=purple][data-theme=dark]{--accent: #c6b2e3;--accent-ink: #ddccf0;--accent-soft: #2e2740;--accent-soft-border: #423559;--accent-strong: #7e5da5;--accent-strong-ink: #ffffff}:root[data-scheme=pink]{--accent: #e3a9bb;--accent-ink: #a34f68;--accent-soft: #fbe8ee;--accent-soft-border: #f3cddb;--accent-strong: #cf7f98;--accent-strong-ink: #ffffff}@media (prefers-color-scheme: dark){:root[data-scheme=pink]:not([data-theme=light]){--accent: #e8b9c8;--accent-ink: #f2d3de;--accent-soft: #3d2530;--accent-soft-border: #55323f;--accent-strong: #c17a95;--accent-strong-ink: #ffffff}}:root[data-scheme=pink][data-theme=dark]{--accent: #e8b9c8;--accent-ink: #f2d3de;--accent-soft: #3d2530;--accent-soft-border: #55323f;--accent-strong: #c17a95;--accent-strong-ink: #ffffff}:root[data-scheme=lightblue]{--accent: #a8cbe0;--accent-ink: #4a7ba0;--accent-soft: #e6f2f8;--accent-soft-border: #c9e2ee;--accent-strong: #7fadc9;--accent-strong-ink: #ffffff}@media (prefers-color-scheme: dark){:root[data-scheme=lightblue]:not([data-theme=light]){--accent: #b8d9ea;--accent-ink: #d6ebf5;--accent-soft: #1f313b;--accent-soft-border: #2f4550;--accent-strong: #7fabc4;--accent-strong-ink: #ffffff}}:root[data-scheme=lightblue][data-theme=dark]{--accent: #b8d9ea;--accent-ink: #d6ebf5;--accent-soft: #1f313b;--accent-soft-border: #2f4550;--accent-strong: #7fabc4;--accent-strong-ink: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}header{padding:14px 20px 0;display:flex;flex-direction:column;gap:16px}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand-left{display:flex;align-items:center;gap:10px}.household-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:pointer}.household-tag:hover,.household-tag:focus-visible{color:var(--accent-ink);text-decoration-color:var(--accent-ink)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;cursor:pointer;color:var(--ink-muted)}nav.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}nav.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:10px 4px 12px;margin-right:22px;font-weight:500;font-size:15px;color:var(--ink-faint);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}nav.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}main{flex:1;padding:18px 20px 100px;display:flex;flex-direction:column;gap:18px}.search-row{position:sticky;top:0;z-index:4;display:flex;align-items:center;background:var(--bg);padding:10px 0;margin:-10px 0 0}.search-icon{position:absolute;left:12px;color:var(--ink-faint);font-size:15px;pointer-events:none}#filter-box{width:100%;background:var(--surface-sunken);border:1px solid var(--border);border-radius:8px;padding:10px 12px 10px 34px;color:var(--ink);font-size:14px}#filter-box:focus{background:var(--surface)}.section-title{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);display:flex;justify-content:space-between}.completed-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;width:100%;padding:4px 0;margin-top:4px;cursor:pointer;align-items:center}.completed-toggle .toggle-right{display:flex;align-items:center;gap:8px}.completed-toggle .chevron{display:inline-block;transition:transform .18s ease}.completed-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.completed-list{margin-top:-4px}.completed-list .ticket{box-shadow:none}.list{display:flex;flex-direction:column;gap:10px}.add-filtered-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin-bottom:14px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:10px;padding:12px;text-align:left;font-size:14.5px;font-weight:500;color:var(--accent-ink);cursor:pointer}.add-filtered-row:hover,.add-filtered-row:focus-visible{background:var(--accent-soft);border-style:solid}.ticket{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:14px 10px 14px 12px;display:grid;grid-template-columns:28px 1fr auto 18px;align-items:start;gap:12px;transition:opacity .35s ease,transform .35s ease}.ticket.is-done{opacity:.45}.ticket.is-done .ticket-title{text-decoration:line-through;text-decoration-color:var(--ink-faint)}.ticket.is-thanking .ticket-body,.ticket.is-thanking .urgency,.ticket.is-thanking .ticket-arrow,.ticket.is-thanking .ticket-badges{filter:blur(3px);transition:filter .3s ease}.ticket-badges{position:absolute;bottom:10px;right:40px;display:flex;align-items:center;gap:7px;color:var(--ink-faint)}.ticket-badge-icon{display:inline-flex;align-items:center;gap:3px;line-height:1}.ticket-badge-count{font-family:var(--font-mono);font-size:10.5px;line-height:1}.thank-you-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 34px;font-weight:600;font-size:14.5px;color:var(--accent-ink);background:var(--surface);border-radius:10px;opacity:0;transition:opacity .3s ease;pointer-events:none}.thank-you-msg.show{opacity:1;pointer-events:auto}.thank-you-msg.has-photo{flex-direction:column;gap:6px;padding:10px}.thank-you-photo{max-height:42px;max-width:60px;object-fit:cover;border-radius:6px}.thank-you-undo{position:absolute;top:14px;left:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:2px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--ink-muted)}.thank-you-undo:hover,.thank-you-undo:focus-visible{color:var(--ink);background:var(--surface-sunken)}.check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;display:grid;place-items:center;margin-top:2px}.check:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--accent-strong);opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}.check[aria-checked=true]:after{opacity:1;transform:scale(1)}.ticket-body{display:flex;flex-direction:column;gap:5px;min-width:0}.ticket-title{font-weight:600;font-size:16px;line-height:1.25}.ticket-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.ticket-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:4px 0;color:var(--ink-faint);font-size:17px;line-height:1;cursor:pointer;grid-column:4;align-self:center;justify-self:end}.urgency{justify-self:end;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:4px 9px;border-radius:999px;white-space:nowrap;align-self:start;margin-top:2px}.urgency.today{background:var(--accent-strong);color:var(--accent-strong-ink)}.urgency.this_week{background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-soft-border)}.urgency.next_trip,.urgency.this_month{background:var(--surface-sunken);color:var(--ink-faint);border:1px solid var(--border)}.urgency.later{background:none;color:var(--ink-faint);border:1px dashed var(--border);font-style:italic}.empty-hint{font-size:13px;color:var(--ink-faint);text-align:center;padding:22px 0}.bottom-bar{position:sticky;bottom:0;z-index:5;background:linear-gradient(to top,var(--bg) 60%,transparent);padding:12px 20px 8px;display:flex;gap:10px}.fab{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--accent-strong);color:var(--accent-strong-ink);border:none;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}.fab-icon{flex:0 0 auto;width:40px;padding:14px 0;font-size:18px}.modal-body>.fab{flex:none;margin-top:8px}.overlay-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:10;overflow-y:auto}.modal-head{display:flex;align-items:center;gap:12px;padding:14px 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-head h2{font-family:var(--font-body);font-weight:600;font-size:16px;margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-status{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);white-space:nowrap;flex-shrink:0}.modal-body{flex:1;width:100%;max-width:560px;margin:0 auto;padding:18px 20px 40px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.field input,.field textarea,.field select{background:var(--surface-sunken);border:1px solid var(--border);border-radius:6px;padding:9px 10px;color:var(--ink)}.field input:focus,.field textarea:focus{background:var(--surface)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:flex;padding:3px;gap:3px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:6px}.seg button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:7px 6px;border-radius:4px;font-size:12.5px;color:var(--ink-muted);cursor:pointer;font-family:var(--font-mono)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.submit-error{margin:0;font-size:13px;color:var(--danger-line)}.notice-banner{background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);padding:9px 16px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:500}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-strong-ink)}.photo-actions{display:flex;gap:8px}.photo-actions .btn{flex:1;font-size:13px;padding:9px 10px}.field img.preview{margin-top:8px;max-height:140px;border-radius:8px;border:1px solid var(--border);display:block}.match-banner{margin-top:8px;display:flex;flex-direction:column;gap:10px;background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:8px;padding:10px 12px;font-size:13.5px;color:var(--accent-ink)}.match-banner-actions{display:flex;gap:8px}.match-banner-actions .btn{padding:7px 12px;font-size:13px}.match-applied-hint{margin:6px 0 0;font-size:12px;color:var(--ink-faint)}.thanks-section{display:flex;flex-direction:column;gap:12px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:10px;padding:14px}.thanks-heading{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.chip-input-row{display:flex;gap:8px}.chip-input-row input,.chip-input-row .autocomplete{flex:1;min-width:0}.chip-input-row .btn{flex-shrink:0;padding:9px 14px;font-size:13px}.autocomplete{position:relative}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);max-height:180px;overflow-y:auto}.autocomplete-list li{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--ink)}.autocomplete-list li:hover,.autocomplete-list li.active{background:var(--accent-soft);color:var(--accent-ink)}.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.assignee-chip{display:flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-soft-border);border-radius:999px;padding:4px 6px 4px 10px;font-size:13px}.assignee-chip button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:2px}.detail-body{display:flex;flex-direction:column;gap:18px}.detail-fields{display:flex;flex-direction:column;gap:16px}.detail-field{display:flex;flex-direction:column;gap:3px}.detail-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.detail-value{font-size:16px;color:var(--ink);white-space:pre-wrap}.detail-photo{width:100%;max-height:320px;object-fit:contain;background:var(--surface-sunken);border-radius:10px;border:1px solid var(--border)}.detail-activity{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.activity-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--ink-muted)}.activity-row b{color:var(--ink);font-weight:600}.activity-row>span:last-child{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.activity-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:11.5px;color:var(--accent-ink);white-space:nowrap}.activity-link:hover,.activity-link:focus-visible{text-decoration:underline}.detail-comments{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--border)}.comments-list{display:flex;flex-direction:column;gap:8px}.comment-row{background:var(--surface-sunken);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.comment-author{font-weight:600;font-size:13px;margin-right:6px}.comment-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.comment-text{font-size:13.5px;color:var(--ink);margin-top:3px;white-space:pre-wrap}.comment-input-row{display:flex;gap:8px}.comment-input-row input{flex:1;min-width:0}.comment-input-row .btn{flex-shrink:0;padding:9px 14px;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--surface-sunken);border:1px solid var(--border);display:grid;place-items:center;font-size:18px;flex-shrink:0}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.member-name{font-weight:500;flex:1}.member-edit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--accent-ink);font-family:var(--font-mono);font-size:12px;cursor:pointer}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface-sunken);border-radius:10px;aspect-ratio:1;font-size:19px;cursor:pointer;display:grid;place-items:center}.avatar-grid button[aria-pressed=true]{border-color:var(--accent-strong);background:var(--accent-soft)}.options-list{display:flex;flex-direction:column}.options-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:1px solid var(--border);width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 2px;font-size:15px;color:var(--ink);cursor:pointer;text-align:left}.profile-header{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:6px;border-bottom:1px solid var(--border)}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{font-weight:600;font-size:15px}.profile-sub{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.scheme-picker{display:flex;gap:12px}.scheme-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer}.scheme-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.coming-soon{padding:48px 8px;text-align:center}.coming-soon p{margin:0;font-size:16px;color:var(--ink-muted);font-weight:600}