:root{--accent: #1a73e8;--accent-dark: #1557c0;--bg: #f2f2f7;--surface: #ffffff;--text: #1c1c1e;--text-secondary: #8e8e93;--border: rgba(0, 0, 0, .08);--danger: #ff3b30;--success: #34c759;--nav-h: 60px;--safe-b: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;max-width:480px;margin:0 auto}.hidden{display:none!important}.screen{min-height:100dvh;display:flex;flex-direction:column}.setup-hero{text-align:center;padding:3.5rem 1.5rem 1.25rem}.setup-icon{font-size:3.2rem;margin-bottom:1rem}.setup-hero h1{font-size:1.55rem;font-weight:700;margin-bottom:.4rem}.setup-hero p{color:var(--text-secondary);font-size:.95rem;line-height:1.45}.tab-panel{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 1.5rem)}.page-header{padding:1.1rem 1.25rem .35rem;display:flex;align-items:center;gap:.6rem}font-size: 1.4rem; font-weight: 700; letter-spacing: -.01em; } .hero-card{margin:.5rem 1rem .9rem;background:var(--accent);color:#fff;border-radius:22px;padding:1.6rem 1.5rem 1.5rem;text-align:center}.hero-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;opacity:.82;margin-bottom:.4rem}.hero-amount{font-size:2.6rem;font-weight:700;letter-spacing:-.03em}.denom-group{margin:0 1rem .75rem}.denom-group-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:0 .25rem .3rem}.denom-list{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.denom-row{display:flex;align-items:center;padding:.78rem 1rem .78rem .85rem;gap:.75rem;border-bottom:1px solid var(--border);border-left:4px solid var(--dc, var(--border));background:color-mix(in srgb,var(--dc, transparent) 9%,white)}.denom-row:last-child{border-bottom:none}.denom-label{flex:1;font-size:.95rem;font-weight:500}.denom-count{font-weight:600;font-size:.95rem;min-width:2.2rem;text-align:right}.denom-value{font-size:.82rem;color:var(--text-secondary);min-width:5rem;text-align:right}.denom-zero .denom-label,.denom-zero .denom-count{color:var(--text-secondary);font-weight:400}.tx-step-desc{font-size:.88rem;color:var(--text-secondary);padding:0 1.25rem .75rem;line-height:1.45}.tx-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem 1rem .5rem}.tx-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;border:2px solid var(--border);border-radius:18px;background:var(--surface);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.tx-mode-btn:active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,white)}.tx-mode-icon{font-size:1.8rem;line-height:1}.tx-mode-label{font-size:1rem;font-weight:700;color:var(--text)}.tx-mode-sub{font-size:.72rem;color:var(--text-secondary);text-align:center}.tx-back-btn{border:none;background:none;font-size:1.6rem;line-height:1;color:var(--accent);cursor:pointer;padding:0 .2rem 0 0;flex-shrink:0}.counter-row{display:flex;align-items:center;padding:.7rem .85rem;gap:.75rem;border-bottom:1px solid var(--border);border-left:4px solid var(--dc, var(--border));background:color-mix(in srgb,var(--dc, transparent) 9%,white)}.counter-row:last-child{border-bottom:none}.counter-label{flex:1;font-size:.95rem;font-weight:500;min-width:0}.counter-bar{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.counter-btn{width:44px;height:44px;border:none;border-radius:10px;font-size:1.4rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .12s}.counter-btn:disabled{opacity:.25;cursor:not-allowed}.counter-dec{background:#e9ecef;color:#495057}.counter-inc{background:var(--accent);color:#fff}.counter-val{min-width:2rem;text-align:center;font-size:1.05rem;font-weight:700}.review-card{margin:0 1rem .75rem;background:var(--surface);border-radius:18px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.review-type-badge{padding:.75rem 1rem .6rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);color:var(--text-secondary)}.review-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem}.review-row:last-child{border-bottom:none}.review-denom{color:var(--text-secondary)}.review-changes{display:flex;gap:.6rem;font-weight:600}.review-out{color:var(--danger)}.review-in{color:var(--success)}.review-net{padding:.7rem 1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-weight:700;font-size:.95rem}.review-note-row{padding:.55rem 1rem;font-size:.82rem;color:var(--text-secondary);font-style:italic;border-top:1px solid var(--border)}.btn-confirm{background:var(--success)}.btn-confirm:active{background:#2aaa4a}.tx-in-out{display:flex;align-items:center;gap:.55rem}.tx-col{display:flex;flex-direction:column;align-items:center;gap:.12rem}.tx-col-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.stepper{display:flex;align-items:center;background:var(--bg);border-radius:10px;overflow:hidden}.stepper-btn{width:30px;height:32px;border:none;background:none;color:var(--accent);font-size:1.15rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stepper-btn:active{background:#1a73e81f}.stepper input[type=number]{width:36px;text-align:center;border:none;background:none;font:inherit;font-size:.92rem;font-weight:600;padding:0;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.tx-current{font-size:.72rem;color:var(--text-secondary);min-width:2rem;text-align:right}.note-field{margin:0 1rem .75rem}.note-field input{width:100%;padding:.8rem 1rem;border:none;border-radius:16px;background:var(--surface);box-shadow:0 1px 4px #0000000f;font:inherit;font-size:.95rem;color:var(--text);outline:none}.note-field input::placeholder{color:var(--text-secondary)}.note-field input:focus{box-shadow:0 0 0 3px #1a73e833}.action-bar{padding:.5rem 1rem .25rem}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:16px;padding:.9rem 1.5rem;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:active{background:var(--accent-dark)}.btn-full{width:100%}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-around;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 0 0;border:none;background:none;color:var(--text-secondary);font:inherit;font-size:.68rem;font-weight:500;cursor:pointer}.nav-item.active{color:var(--accent)}.history-list{padding:0 1rem;display:grid;gap:.65rem}.history-item{background:var(--surface);border-radius:16px;padding:.9rem 1rem;box-shadow:0 1px 4px #0000000f}.history-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.55rem}.history-note{font-size:.92rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.history-lines{list-style:none;display:grid;gap:.28rem}.history-line{display:flex;justify-content:space-between;font-size:.84rem}.hl-denom{color:var(--text-secondary)}.hl-changes{display:flex;gap:.5rem}.hl-out{color:var(--danger);font-weight:600}.hl-in{color:var(--success);font-weight:600}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--text-secondary);font-size:.95rem}.storage-note{text-align:center;font-size:.7rem;color:var(--text-secondary);padding:1rem 1rem .5rem}.message{position:fixed;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);left:50%;transform:translate(-50%);white-space:nowrap;border-radius:22px;padding:.6rem 1.1rem;color:#fff;font-size:.88rem;font-weight:500;background:#1c1c1e;box-shadow:0 6px 28px #0003;z-index:200}.message.error{background:var(--danger)}.message.success{background:var(--success)}