:root{--bg:#f4f4f1;--card:#fff;--ink:#1b1c1f;--muted:#5c5f66;--line:#e9e6e1;--line-strong:#d6d2cb;--accent:#a8331f;--accent-dark:#7e2414;--accent-2:#d9573f;--accent-soft:#f6d5cd;--accent-ink:#5e1b0f;--green:#2e6b3a;--nav-h:68px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}body,html{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#e4e2dd;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.app{background:var(--bg);max-width:430px;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 0 1px #0000000a,0 20px 60px #00000014}.app,.app main,.page{flex-direction:column;display:flex}.app main{padding-bottom:calc(36px + var(--nav-h));flex:1}.h1{letter-spacing:-.5px;margin:0;font-size:28px}.display,.h1{font-family:var(--font-display);font-weight:800}.display{letter-spacing:-.4px}.eyebrow{text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.eyebrow,.muted{color:var(--muted)}.small{font-size:13px}.page{gap:16px;padding:28px 24px 0}.row{gap:10px}.between,.row{align-items:center;display:flex}.between{justify-content:space-between;gap:12px}.stack{gap:10px}.card,.stack{flex-direction:column;display:flex}.card{background:var(--card);border-radius:20px;gap:12px;padding:18px}.btn{border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-dark{background:var(--ink);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-white{color:#8e2a18;background:#fff}.btn-ghost{color:var(--accent);background:0 0}.btn-outline{border:1.5px solid var(--line-strong);color:var(--ink);background:#fff}.btn-block{width:100%}.btn-sm{border-radius:12px;height:40px;padding:0 14px;font-size:13px}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:none;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn.filled{background:var(--accent);color:#fff}.chip,.icon-btn.soft{background:var(--line)}.chip{color:#3a3c42;white-space:nowrap;border:none;border-radius:999px;padding:7px 12px;font-size:13px}.chip.active{background:var(--ink);color:#fff;font-weight:600}.segmented{background:var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button{color:#3a3c42;background:0 0;border:none;border-radius:10px;height:44px;font-size:14px;font-weight:500}.segmented button.active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.field{flex-direction:column;gap:8px;display:flex}.input{border:1.5px solid var(--line-strong);background:#fff;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-size:16px}.input:focus{border-color:var(--ink)}.empty{flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.empty,.toast{text-align:center}.toast{left:50%;bottom:calc(40px + var(--nav-h));background:var(--ink);color:#fff;z-index:50;border-radius:14px;width:calc(100% - 48px);max-width:360px;padding:12px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%,8px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}