:root{--ground:#f4f4f1;--surface:#ffffff;--surface-sunk:#fafaf8;--ink:#16171a;--ink-2:#3e4248;--muted:#5c6067;--faint:#8b9097;--line:#e4e4de;--line-soft:#efefea;--accent:#1f6f5c;--accent-deep:#14503c;--accent-soft:#e7f0ec;--accent-edge:#cfe2da;--flag:#93401a;--flag-soft:#fbf0e8;--flag-edge:#efd9c8;--radius:14px;--radius-lg:16px;--shadow-sheet:0 -2px 20px rgba(0,0,0,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.serif{font-family:"Instrument Serif",Georgia,serif;letter-spacing:-.015em}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.shell{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--ground);position:relative}.scroll{flex:1 1 auto;padding-bottom:96px}.pad{padding-inline:20px}.eyebrow{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow,.page-title{font-weight:600;margin:0}.page-title{font-size:20px;letter-spacing:-.01em}.sub{font-size:12px;color:var(--muted);margin:2px 0 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-lg{border-radius:var(--radius-lg)}.row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line-soft)}.row:last-child{border-bottom:0}.row-main{flex:1 1 auto;min-width:0}.row-title{display:block;font-size:13.5px;font-weight:600;line-height:1.25;color:var(--ink)}.row-meta{display:block;font-size:11px;color:var(--muted);margin-top:2px}.amount{font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.input,.select,.textarea{width:100%;height:46px;padding:0 13px;background:var(--surface-sunk);border:1px solid var(--line);border-radius:11px}.textarea{height:auto;padding:11px 13px;resize:vertical;min-height:72px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:48px;padding:0 18px;border:0;border-radius:13px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.btn[disabled]{opacity:.55;cursor:progress}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid #d5d5cf}.btn-sm{height:36px;padding:0 13px;font-size:12.5px;border-radius:10px}.btn-block{width:100%}.stepper{display:flex;align-items:center;border:1px solid #d5d5cf;border-radius:11px;overflow:hidden;background:var(--surface);flex-shrink:0}.stepper.on{border-color:var(--accent)}.stepper button{width:34px;height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.stepper button[disabled]{opacity:.4}.stepper .qty{min-width:22px;text-align:center;font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stepper.on .qty{color:var(--accent-deep)}.add-btn{width:44px;height:44px;border:1px solid #d5d5cf;border-radius:11px;background:var(--surface);cursor:pointer}.add-btn,.thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0}.thumb{width:42px;height:42px;border-radius:10px;background:#f1f1ee;border:1px solid #e8e8e3;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.chip{font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 10px;background:#ededE8;color:var(--ink-2)}.chip-accent{background:var(--accent-soft);color:var(--accent-deep)}.pill{display:inline-flex;align-items:center;font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.nav{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;align-items:flex-end;justify-content:space-between;background:var(--surface);border-top:1px solid var(--line);padding:7px 14px calc(13px + env(safe-area-inset-bottom));z-index:20}.nav,.nav a{display:flex}.nav a{flex-direction:column;align-items:center;gap:3px;width:60px;padding:6px 0;color:var(--muted);font-size:10px;font-weight:500}.nav a.on{color:var(--accent);font-weight:600}.nav .fab{width:54px;height:54px;border-radius:17px;background:var(--accent);color:#fff;justify-content:center;margin-bottom:4px;flex-shrink:0;padding:0}.nav .fab,.notice{display:flex;align-items:center}.notice{gap:9px;border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.3}.notice-flag{background:var(--flag-soft);border:1px solid var(--flag-edge);color:var(--flag)}.notice-accent{background:var(--accent-soft);border:1px solid var(--accent-edge);color:var(--accent-deep)}.notice-error{background:#fdeeec;border:1px solid #f3d3cd;color:#9a2d1c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.empty{text-align:center;padding:40px 24px;color:var(--muted);font-size:13.5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}