:root{--c-blue-500: #2f81f7;--c-blue-600: #1f6feb;--c-green-500: #2ea043;--c-green-600: #238636;--c-red-500: #f85149;--c-amber-500: #d29922;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: 28px;--fs-title: 20px;--fs-body: 16px;--fs-label: 14px;--fs-caption: 12px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--icon-sm: 20px;--icon-md: 24px;--icon-lg: 32px;--icon-xl: 48px;--touch-min: 44px;--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .4);--shadow-fab: 0 4px 16px rgba(0, 0, 0, .35);--nav-height: 60px;--header-height: 56px;--content-max: 720px;--z-nav: 100;--z-fab: 200;--z-sheet: 300}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f14;--bg-elevated: #131a22;--bg-sunken: #0d1520;--surface: #161d26;--surface-hover: #1c2530;--border: #232d38;--text: #e6edf3;--text-muted: #8b98a5;--text-inverse: #0b0f14;--accent: var(--c-blue-500);--accent-strong: var(--c-blue-600);--success: var(--c-green-500);--success-strong: var(--c-green-600);--danger: var(--c-red-500);--warning: var(--c-amber-500);--scrim: rgba(0, 0, 0, .6)}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f6f8fa;--bg-elevated: #ffffff;--bg-sunken: #eef1f4;--surface: #ffffff;--surface-hover: #eef1f4;--border: #d6dbe1;--text: #1c2530;--text-muted: #5a6673;--text-inverse: #ffffff;--accent: var(--c-blue-600);--accent-strong: var(--c-blue-600);--success: var(--c-green-600);--success-strong: var(--c-green-600);--danger: #cf222e;--warning: #9a6700;--scrim: rgba(0, 0, 0, .4)}}:root[data-theme=light]{color-scheme:light;--bg: #f6f8fa;--bg-elevated: #ffffff;--bg-sunken: #eef1f4;--surface: #ffffff;--surface-hover: #eef1f4;--border: #d6dbe1;--text: #1c2530;--text-muted: #5a6673;--text-inverse: #ffffff;--accent: var(--c-blue-600);--accent-strong: var(--c-blue-600);--success: var(--c-green-600);--success-strong: var(--c-green-600);--danger: #cf222e;--warning: #9a6700;--scrim: rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal)}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell__main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + var(--sp-6))}.topbar{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--sp-2);height:var(--header-height);padding:0 var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.topbar__title{font-size:var(--fs-title);font-weight:var(--fw-bold);margin:0}.topbar__spacer{flex:1}.locale-toggle select{height:32px;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:var(--fs-caption)}.locale-toggle+.locale-toggle{margin-inline-start:var(--sp-2)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tabnav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;height:var(--nav-height);background:var(--bg-elevated);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.tabnav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-min);color:var(--text-muted);text-decoration:none;font-size:var(--fs-caption)}.tabnav__tab.active{color:var(--accent)}.tabnav__icon{font-size:var(--icon-md);line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.card+.card{margin-top:var(--sp-3)}.card__title{margin:0 0 var(--sp-1);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-muted)}.card__value{margin:0;font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}.listitem{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);background:none;border:none;border-radius:0;color:var(--text);text-align:start;cursor:pointer;font-size:var(--fs-body)}.listitem+.listitem{border-top:1px solid var(--border)}.listitem:hover{background:var(--surface-hover)}.listitem__icon{font-size:var(--icon-md);line-height:1;flex-shrink:0}.listitem__body{flex:1;min-width:0}.listitem__title{font-weight:var(--fw-medium)}.listitem__meta{font-size:var(--fs-caption);color:var(--text-muted)}.listitem__trailing{color:var(--text-muted);flex-shrink:0}.fab{position:fixed;right:var(--sp-4);bottom:calc(var(--nav-height) + var(--sp-4));z-index:var(--z-fab);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-3) var(--sp-5);border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-inverse);font-size:var(--fs-body);font-weight:var(--fw-bold);box-shadow:var(--shadow-fab);cursor:pointer}[dir=rtl] .fab{right:auto;left:var(--sp-4)}.fab__icon{font-size:var(--icon-md);line-height:1}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);color:var(--text-muted)}.empty__icon{font-size:var(--icon-xl);line-height:1}.empty__title{margin:0;font-size:var(--fs-title);font-weight:var(--fw-bold);color:var(--text)}.empty__body{margin:0;max-width:32ch}.sheet__scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--content-max);background:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet);padding:var(--sp-4);padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom,0))}.sheet__grabber{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin:0 auto var(--sp-4)}.sheet__title{margin:0 0 var(--sp-3);font-size:var(--fs-title);font-weight:var(--fw-bold)}button{font-family:inherit}.btn{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--success-strong);color:var(--text-inverse);font-size:var(--fs-body);font-weight:var(--fw-medium);cursor:pointer}.btn--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}input{min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-sunken);color:inherit;font-size:var(--fs-body)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.photo-group{display:flex;flex-wrap:wrap;gap:8px}.photo-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px}.photo-cell{position:relative;display:inline-block;line-height:0}.photo-badge{position:absolute;bottom:2px;right:2px;font-size:14px;line-height:1;padding:2px;border-radius:6px;background:#0000008c}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{border:1px solid var(--border);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;font-size:13px;min-height:32px;cursor:pointer}.chip--on{background:var(--accent);color:#fff;border-color:transparent}.photo-cell--pick{cursor:pointer;border-radius:8px}.photo-cell--pick.is-selected .photo-thumb{outline:3px solid var(--accent);outline-offset:-3px;opacity:.65}.photo-check{position:absolute;top:4px;left:4px;width:22px;height:22px;min-height:22px;margin:0;padding:0;z-index:1;accent-color:var(--accent);cursor:pointer}.photo-thumb--keep{outline:3px solid var(--success-strong);outline-offset:-3px}.photo-badge--keep{left:2px;right:auto;background:var(--success-strong);color:var(--text-inverse);font-size:11px;font-weight:var(--fw-bold)}.cleanup-bar{position:fixed;left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--nav-height) + var(--sp-3));z-index:var(--z-fab);max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-fab)}.cleanup-bar__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cleanup-bar__savings{font-size:var(--fs-caption);color:var(--text-muted)}.cleanup-bar__delete{background:var(--danger);flex-shrink:0}.undo-bar{position:fixed;left:var(--sp-4);right:var(--sp-4);bottom:calc(var(--nav-height) + var(--sp-3));z-index:var(--z-sheet);max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--text);color:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sheet)}.undo-bar__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.undo-bar__undo{background:var(--accent)}