:root{--bg:#f3efe6;--bg-deep:#e7e0d2;--ink:#1a3a2f;--ink-soft:#3d5a4e;--muted:#6b7f74;--surface:#fffcf6e0;--surface-solid:#fffcf6;--line:#1a3a2f1f;--accent:#c45c26;--accent-soft:#f3d5c2;--good:#1f6b4a;--danger:#9b2c2c;--shadow:0 12px 40px #1a3a2f14;--radius:18px;--radius-control:12px;--radius-pill:999px;--nav-h:72px;--control-h:48px;--btn-h:48px;--btn-h-sm:34px;--btn-px:1.15rem;--btn-px-sm:.8rem;--font-display:"Fraunces", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%, #f7e8d4 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #d9e8df 0%, transparent 50%), linear-gradient(180deg, #f7f3eb 0%, var(--bg) 40%, var(--bg-deep) 100%);min-width:320px;color:var(--ink);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}.app-shell{max-width:560px;min-height:100dvh;padding:1.25rem 1rem calc(var(--nav-h) + 1.5rem);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{font-family:var(--font-display);font-size:1.85rem;line-height:1}.muted{color:var(--muted);font-size:.95rem}.text-sm{font-size:.85rem}.grow{flex:1;min-width:0}.field-flush{margin-top:.75rem;margin-bottom:0}.stack{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.05rem}.panel h2{margin-bottom:.75rem;font-size:1.15rem}.row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.row+.row{border-top:1px solid var(--line);margin-top:.65rem;padding-top:.65rem}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius-control);width:100%;min-height:var(--control-h);padding:.75rem .85rem}.btn{border-radius:var(--radius-pill);min-height:var(--btn-h);padding:0 var(--btn-px);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;font-size:.95rem;font-weight:600;line-height:1;transition:transform .15s,background .15s,opacity .15s,border-color .15s;display:inline-flex}.btn-sm{min-height:var(--btn-h-sm);padding:0 var(--btn-px-sm);font-size:.8rem}.btn-block{width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--ink);color:#f8f4ec}.btn-accent{background:var(--accent);color:#fff8f3}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-danger{color:var(--danger);background:0 0;border-color:#9b2c2c40}.btn:disabled{opacity:.5;cursor:not-allowed}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffcf6eb;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:52px;font-size:.78rem;font-weight:600;display:flex}.bottom-nav a.active{background:var(--ink);color:#f8f4ec}.login-screen{isolation:isolate;place-items:center;min-height:100dvh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 20% 30%,#c45c262e,#0000 60%),radial-gradient(70% 50% at 85% 20%,#1f6b4a29,#0000 55%);height:70%;animation:12s ease-in-out infinite alternate drift;position:absolute;inset:-20% -10% auto}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);width:min(100%,440px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem 1.6rem;animation:.5s both rise}.login-brand{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;margin:0 0 .75rem;font-size:clamp(2.6rem,10vw,3.3rem);line-height:.95}.login-lede{color:var(--ink-soft);text-align:center;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.45}.login-auth{border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:linear-gradient(#1a3a2f0f,#1a3a2f05);padding:1.15rem 1rem 1.05rem;animation:.55s 80ms both rise}.login-auth-label{font-family:var(--font-display);color:var(--ink);margin:0 0 .85rem;font-size:1.15rem}.login-google{justify-content:center;min-height:44px;display:flex}.login-hint{color:var(--muted);margin:.85rem 0 0;font-size:.88rem;line-height:1.4}.login-access{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1.15rem;animation:.55s .16s both rise}.login-access h2{margin-bottom:.4rem;font-size:1.05rem}.login-access p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.login-access-btn{margin-top:.9rem}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2%,3%)scale(1.04)}}.line-item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.line-item:last-child{border-bottom:none}.checkbox{width:28px;height:28px;accent-color:var(--good)}.checkbox-spacer{width:28px;height:28px}.totals{bottom:calc(var(--nav-h) + .75rem);background:var(--ink);color:#f8f4ec;border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1rem;padding:1rem 1.1rem;animation:.35s both rise;position:sticky}.totals .row{font-size:.95rem}.totals .emphasis{font-family:var(--font-display);font-size:1.25rem}.error-banner{color:var(--danger);background:#fde8e8;border:1px solid #9b2c2c33;border-radius:12px;margin-bottom:1rem;padding:.75rem .9rem}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.page-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.page-header-text{min-width:0}.page-header h2{margin:0;font-size:1.2rem}.page-header-action{flex-shrink:0}.back-link{color:var(--muted);margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:inline-block}.btn-row{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.check-row{align-items:center;gap:.65rem;margin:.25rem 0 1rem;font-weight:600;display:flex}.list-button{text-align:left;background:0 0;border:none;border-radius:12px;width:100%;padding:.75rem .15rem}.list-button:active{background:#1a3a2f0d}.line-item-link{color:inherit;display:contents}.line-item .line-main{min-width:0}.line-item .line-main .name{font-weight:600}.empty{text-align:center;color:var(--muted);padding:1.5rem .5rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}