:root{--bg: #f4e7d8;--bg-deep: #3b2a22;--paper: #fffaf3;--ink: #241610;--muted: #6d5346;--line: #e4d0bc;--stamp: #c23a2e;--stamp-deep: #9d2b22;--jade: #1f7a65;--gold: #c9863a;--chip: #f7efe6;--shadow: 0 10px 30px rgba(47, 27, 16, .12);--radius: 20px;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px);--font: system-ui, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 80% -10%,rgba(201,134,58,.18),transparent 50%),linear-gradient(180deg,#f8ecdf 0%,var(--bg) 40%,#efe0d0 100%);min-height:100dvh}button,input{font-family:inherit}button{cursor:pointer;touch-action:manipulation}img{max-width:100%}.hidden,[hidden]{display:none!important}.top{position:sticky;top:0;z-index:20;padding:calc(12px + var(--safe-top)) 20px 12px;background:color-mix(in srgb,#f8ecdf 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,208,188,.7)}.top-row{display:flex;align-items:flex-start;justify-content:space-between}.brand{margin:0;font-size:12px;letter-spacing:.22em;color:var(--stamp);font-weight:700}.whoami{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0;border:0;background:none;color:var(--ink);font-size:18px;font-weight:700}.chev{color:var(--muted);font-size:12px}.icon-btn{width:44px;height:44px;border:0;border-radius:14px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink);font-size:18px}.app{padding:8px 16px 120px;max-width:560px;margin:0 auto}.hero{background:var(--bg-deep);color:#fff8f0;border-radius:28px;padding:22px 22px 18px;box-shadow:var(--shadow)}.hero-label{margin:0;opacity:.72;font-size:13px}.hero-today{margin:4px 0 8px;font-size:44px;line-height:1.05;letter-spacing:-.03em;font-weight:760}.hero-month{font-size:14px;opacity:.86}.hero-month strong{font-size:16px}.person-totals{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pill{background:#fffaf31f;border:1px solid rgba(255,250,243,.16);color:#fff8f0;border-radius:999px;padding:6px 10px;font-size:13px}.pill b{font-weight:700}.filters{margin:18px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:8px 12px;min-height:36px;font-size:13px}.chip.on{background:var(--bg-deep);border-color:var(--bg-deep);color:#fff8f0}.summary,.ledger{margin-top:22px}h2{font-size:15px;margin:0 0 12px;color:var(--muted);font-weight:700}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:48px 1fr 64px;gap:8px;align-items:center;font-size:13px}.bar-track{height:10px;background:#ead9c6;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--stamp);border-radius:999px}.bar-row:nth-child(2) .bar-fill{background:var(--jade)}.bar-row:nth-child(3) .bar-fill{background:var(--gold)}.bar-row:nth-child(4) .bar-fill{background:#5b6ea6}.bar-amt{text-align:right;font-variant-numeric:tabular-nums}.months{display:flex;align-items:flex-end;gap:8px;height:92px;margin-top:18px}.month-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}.month-col i{display:block;width:100%;max-width:28px;background:color-mix(in srgb,var(--stamp) 80%,var(--gold));border-radius:8px 8px 3px 3px;min-height:4px}.month-col span{font-size:11px;color:var(--muted)}.list{display:flex;flex-direction:column;gap:10px}.day-group{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.day-h{display:flex;justify-content:space-between;padding:12px 14px 6px;font-size:13px;color:var(--muted);font-weight:700}.row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px 14px;border:0;background:transparent;text-align:left;color:inherit}.row+.row{border-top:1px solid var(--line)}.thumb,.cat-dot{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#f0e2d2}.cat-dot{display:grid;place-items:center;font-size:20px}.row strong{display:block;font-size:15px}.row small{color:var(--muted);font-size:12px}.row .yen{font-weight:760;font-variant-numeric:tabular-nums}.row .yen.in,.ocr-item-amt.in,.ocr-item-amt-wrap.in i,.ocr-item-amt-wrap.in input{color:var(--jade)}.empty{text-align:center;padding:36px 12px;color:var(--muted)}.empty-title{color:var(--ink);font-weight:700;font-size:18px;margin:0 0 6px}.fab{position:fixed;right:18px;bottom:calc(18px + var(--safe-bot));width:62px;height:62px;border:0;border-radius:50%;background:var(--stamp);color:#fff;font-size:34px;line-height:1;box-shadow:0 12px 24px #c23a2e59;z-index:30}.sheet,.menu,.who{position:fixed;inset:0;z-index:40}.sheet-backdrop{position:absolute;inset:0;background:#24161073}.sheet-panel{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-radius:28px 28px 0 0;padding:10px 18px calc(18px + var(--safe-bot));max-height:92dvh;overflow:auto;box-shadow:var(--shadow)}.sheet-handle{width:42px;height:5px;border-radius:99px;background:var(--line);margin:4px auto 12px}.menu-panel{position:absolute;right:12px;top:calc(64px + var(--safe-top));width:min(320px,calc(100vw - 24px));background:var(--paper);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.menu-title{margin:0 0 10px;font-weight:700}.menu-hint{color:var(--muted);font-size:12px;margin:8px 0 0}hr{border:0;border-top:1px solid var(--line);margin:12px 0}.form{display:flex;flex-direction:column;gap:12px}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:700}.field input[type=text],.field input[type=date]{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;font-size:16px;color:var(--ink)}.date-wrap{position:relative}.date-wrap input[type=date]{color:transparent;caret-color:transparent}.date-wrap input[type=date]::-webkit-datetime-edit,.date-wrap input[type=date]::-webkit-datetime-edit-fields-wrapper,.date-wrap input[type=date]::-webkit-datetime-edit-text,.date-wrap input[type=date]::-webkit-datetime-edit-month-field,.date-wrap input[type=date]::-webkit-datetime-edit-day-field,.date-wrap input[type=date]::-webkit-datetime-edit-year-field,.date-wrap input[type=date]::-webkit-inner-spin-button{color:transparent;-webkit-text-fill-color:transparent}.date-display{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:16px;color:var(--ink)}.amount-wrap{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 12px;font-size:22px;font-weight:760}.amount-wrap i{color:var(--stamp);font-style:normal}.amount-wrap input{border:0!important;padding:12px 0!important;font-size:28px!important;font-weight:760}.shot-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shot{display:block}.shot input{position:absolute;opacity:0;width:1px;height:1px}.shot-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:112px;border:1.5px dashed var(--stamp);background:#fff3ee;border-radius:18px;color:var(--stamp-deep);text-align:center;padding:16px}.shot-ui strong{font-size:18px}.shot-ui em{font-style:normal;font-size:12px;color:var(--muted)}.shot-icon{font-size:28px}.preview img{width:100%;max-height:180px;object-fit:cover;border-radius:14px}.ocr{font-size:13px;color:var(--jade)}.ocr.bad{color:var(--stamp)}.linkish{border:0;background:none;color:var(--muted);padding:8px 0}.cat-pick{display:flex;flex-wrap:wrap;gap:8px}.cat-pick .chip{min-width:64px}.form-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.btn{min-height:48px;border-radius:16px;border:0;font-size:16px;font-weight:700;padding:0 16px}.btn.primary{background:var(--stamp);color:#fff}.btn.danger{background:#f8e6e4;color:var(--stamp-deep)}.btn.ghost{background:var(--chip);color:var(--ink);border:1px solid var(--line)}.who{display:grid;place-items:center;background:#2b1c16;padding:24px 18px}.who-card{width:min(440px,100%);color:#fff8f0}.who-kicker{letter-spacing:.2em;color:#e2b48a;font-size:12px;margin:0 0 8px}.who h1{margin:0 0 8px;font-size:40px}.who-sub{color:#fff8f0b8;margin:0 0 22px;line-height:1.5}.who-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.who-item{display:flex;align-items:center;gap:12px;flex:1;min-width:0;width:auto;background:#fffaf3;color:var(--ink);border:0;border-radius:18px;padding:14px;min-height:72px;text-align:left}.who-ava{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--bg-deep);color:#fff8f0;font-weight:800;font-size:20px}.who-row{display:flex;align-items:stretch;gap:8px}.who-name{flex:1;font-size:20px;font-weight:760;color:var(--ink);min-width:0}.who-rename{width:52px;min-height:72px;border:0;border-radius:18px;background:#fffaf3;color:var(--muted);font-size:18px;flex-shrink:0}.switch-item{display:block;width:100%;text-align:left;border:0;background:var(--chip);border-radius:12px;padding:12px;margin-bottom:8px;font-weight:700}.switch-item.on{background:var(--bg-deep);color:#fff8f0}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-bot));transform:translate(-50%);background:var(--ink);color:#fff8f0;padding:10px 14px;border-radius:999px;font-size:13px;z-index:60;white-space:nowrap}@media(min-width:720px){.app{padding-top:18px}.hero-today{font-size:52px}}.ocr-items{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.ocr-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;text-align:left;width:100%}.ocr-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.ocr-item-main{flex:1;min-width:0}.ocr-item-note{display:block;font-weight:700;font-size:15px}.ocr-item-meta{display:block;color:var(--muted);font-size:12px;margin-top:2px}.ocr-item-amt-wrap{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:10px;background:#faf7f3;padding:4px 8px;flex-shrink:0;max-width:42%}.ocr-item-amt-wrap i{color:var(--stamp);font-style:normal;font-weight:760;font-size:14px}.ocr-item-amt{width:4.6em;border:0;background:transparent;font-weight:760;font-size:16px;color:var(--stamp);text-align:right;padding:0;min-width:0}.thumb,.preview img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#140a06e0}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 16px 60px #00000073}