:root{--bg: #f7f8f7;--surface: #ffffff;--surface-2: #f1f3f2;--border: #e6e8e6;--text: #14201b;--text-muted: #5c6b64;--text-faint: #93a099;--accent: #0f8a5f;--accent-strong: #0b6e4b;--accent-soft: #e4f5ec;--accent-contrast: #ffffff;--gold: #d9a521;--gold-soft: #fbf3dc;--danger: #c8452f;--danger-soft: #fbe7e3;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 32, 27, .06);--shadow: 0 4px 20px rgba(20, 32, 27, .08);--shadow-lg: 0 12px 40px rgba(20, 32, 27, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--maxw: 720px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.02em;line-height:1.15}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.05rem}p{margin:0;line-height:1.5}a{color:var(--accent-strong);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.center{text-align:center}.app-shell{max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4) calc(var(--sp-8) + env(safe-area-inset-bottom));min-height:100dvh}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.grow{flex:1}.wrap{flex-wrap:wrap}.appbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);padding:calc(var(--sp-4) + env(safe-area-inset-top)) 0 var(--sp-3);margin-bottom:var(--sp-4)}.appbar .brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:var(--shadow-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card.tight{padding:var(--sp-4)}.card.flush{padding:0;overflow:hidden}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:650}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-pill);padding:12px 20px;font-weight:600;font-size:.98rem;cursor:pointer;transition:transform .06s ease,background .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--surface-2);color:var(--text)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%}.btn-lg{padding:15px 24px;font-size:1.05rem}.btn-sm{padding:8px 14px;font-size:.88rem}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;background:var(--surface-2);color:var(--text-muted)}.pill-accent{background:var(--accent-soft);color:var(--accent-strong)}.pill-gold{background:var(--gold-soft);color:#93701a}.money{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.check{width:30px;height:30px;min-width:30px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;color:transparent}.check:hover{border-color:var(--accent)}.check.done{background:var(--accent);border-color:var(--accent);color:#fff}.strike{text-decoration:line-through;color:var(--text-faint)}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--text-muted)}.empty .emoji{font-size:2.4rem;display:block;margin-bottom:var(--sp-3)}.divider{height:1px;background:var(--border);border:none;margin:0}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.full-center{min-height:100dvh;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s ease}