:root{--bg: #efece3;--surface: #ffffff;--ink: #111111;--muted: #6b6b6b;--border: #111111;--shadow: #111111;--track: #e2ddd0;--input-bg: #ffffff;--accent: #2640e0;--on-accent: #ffffff;--warn: #e0a020;--danger: #e5484d;--radius: 12px;--shadow-hard: 4px 4px 0 var(--shadow);--shadow-press: 2px 2px 0 var(--shadow)}:root[data-theme=dark]{--bg: #121319;--surface: #1d1f29;--ink: #eef0f5;--muted: #9a9aa8;--border: #eef0f5;--shadow: #000000;--track: #2a2c38;--input-bg: #15161d;--accent: #4a64ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;color:var(--ink);background:var(--bg);background-image:repeating-linear-gradient(0deg,transparent 0 38px,rgba(17,17,17,.035) 38px 39px);min-height:100dvh;-webkit-font-smoothing:antialiased}:root[data-theme=dark] body{background-image:repeating-linear-gradient(0deg,transparent 0 38px,rgba(238,240,245,.04) 38px 39px)}.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center;padding:calc(2rem + env(safe-area-inset-top)) 2rem calc(2rem + env(safe-area-inset-bottom))}.app{max-width:460px;margin:0 auto;padding:calc(1.1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(5rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));display:flex;flex-direction:column;gap:1.1rem}.brand{font-size:3.6rem;font-weight:900;letter-spacing:-.04em;text-transform:uppercase;margin:0;color:var(--on-accent);background:var(--accent);border:3px solid var(--border);box-shadow:var(--shadow-hard);padding:.3rem 1rem;transform:rotate(-2deg)}.tagline{color:var(--ink);max-width:19rem;line-height:1.5;margin:0;font-weight:600}header{display:flex;align-items:center;justify-content:space-between}.user{display:flex;align-items:center;gap:.5rem}.wordmark{font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;color:var(--on-accent);background:var(--accent);border:2px solid var(--border);box-shadow:var(--shadow-press);padding:.25rem .6rem;cursor:pointer}.avatar-btn{padding:0;background:var(--surface);border:2px solid var(--border);width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-press)}.avatar-btn img{width:100%;height:100%;object-fit:cover}.view{display:flex;flex-direction:column;gap:1.1rem;animation:viewIn .22s ease}.view[data-dir="1"]{animation-name:viewFromRight}.view[data-dir="-1"]{animation-name:viewFromLeft}@keyframes viewIn{0%{opacity:0}to{opacity:1}}@keyframes viewFromRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes viewFromLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}.dots{position:fixed;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:.5rem;pointer-events:none}.dots .dot-nav{pointer-events:auto;width:13px;height:13px;padding:0;border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow-press);transition:width .2s,background .2s}.dots .dot-nav.on{background:var(--accent);width:30px}.dots .dot-nav:active{transform:none}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--accent);color:var(--on-accent);border:3px solid var(--border);box-shadow:var(--shadow-hard);border-radius:var(--radius);padding:.7rem .9rem;font-weight:700;font-size:.88rem}.install-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.install-banner .link{color:var(--on-accent)}.install-banner button:not(.link){background:var(--surface);color:var(--ink)}section{background:var(--surface);border:3px solid var(--border);box-shadow:var(--shadow-hard);border-radius:var(--radius);padding:1.1rem}.balance{text-align:left}.balance .month{font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:var(--ink);border:2px solid var(--border);display:inline-block;padding:.15rem .5rem}.balance .big{font-size:3.3rem;font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:.5rem 0 .2rem}.balance .big.neg{color:var(--danger)}.balance .sub{color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:.9rem}.balance .sub.carry{color:#fff;background:var(--danger);border:2px solid var(--border);display:inline-block;padding:.2rem .5rem;margin:0 0 .9rem;font-weight:700}.neg{color:var(--danger)}.progress{height:16px;background:var(--track);border:2px solid var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-fill[data-level=ok]{background:var(--accent)}.progress-fill[data-level=warn]{background:var(--warn)}.progress-fill[data-level=danger]{background:var(--danger)}.progress-label{color:var(--muted);font-size:.78rem;font-weight:700;margin-top:.45rem;text-transform:uppercase;letter-spacing:.04em}.salary-edit{display:flex;gap:.5rem;margin-top:.9rem}.settings-label{display:block;color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:.5rem}input,select{flex:1;width:100%;padding:.65rem .8rem;border:2px solid var(--border);background:var(--input-bg);color:var(--ink);font-size:1rem;font-weight:600;outline:none;border-radius:0}input:focus,select:focus{box-shadow:var(--shadow-press)}button{padding:.65rem 1.1rem;border:2px solid var(--border);background:var(--accent);color:var(--on-accent);font-weight:800;font-size:.92rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-press);transition:transform .05s,box-shadow .05s}button:active{transform:translate(2px,2px);box-shadow:none}button:disabled{opacity:.5}button.link{background:none;border:none;box-shadow:none;color:var(--muted);font-weight:700;padding:.55rem .4rem;text-decoration:underline;text-transform:none}button.link:active{transform:none}button.link.danger{color:var(--danger)}h2{font-size:.95rem;margin:0 0 .85rem;color:var(--ink);font-weight:900;text-transform:uppercase;letter-spacing:.03em;border-bottom:3px solid var(--border);padding-bottom:.4rem}.capture{display:flex;flex-direction:column;align-items:center;gap:.75rem}.ptt-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.ptt-btn{width:86px;height:86px;background:var(--accent);border:3px solid var(--border);box-shadow:var(--shadow-hard);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--on-accent);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .08s,box-shadow .08s,background .1s}.ptt-btn.active{background:var(--ink);transform:translate(2px,2px);box-shadow:var(--shadow-press)}.ptt-btn.cancel{background:var(--danger)}.ptt-hint{color:var(--muted);font-size:.8rem;font-weight:700;text-align:center;min-height:1.1em;text-transform:uppercase;letter-spacing:.03em}.ptt-timer{font-weight:900;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}.ptt-timer .dot{width:12px;height:12px;background:var(--danger);border:2px solid var(--border);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.2}}.ptt-timer .max{color:var(--muted);font-weight:700;font-size:.85rem}.locked-actions{display:flex;gap:.6rem;width:100%}.locked-actions button{flex:1}.processing-row{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:700}.spinner{width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.draft{margin-top:.25rem;display:flex;flex-direction:column;gap:.55rem;width:100%}.draft .heard{color:var(--muted);font-size:.82rem;font-style:italic;margin:0}.cat-chip{align-self:flex-start;background:var(--accent);border:2px solid var(--border);box-shadow:var(--shadow-press);color:var(--on-accent);font-size:.8rem;font-weight:800;padding:.3rem .7rem;text-transform:uppercase}.row{display:flex;gap:.5rem}.error{color:var(--danger);font-size:.85rem;font-weight:700;margin:0}.cat-row,.exp-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:2px solid var(--border)}.cat-row:last-child,.exp-row:last-child{border-bottom:none}.cat-row span:last-child{font-weight:800}.exp-amount{font-weight:900;font-size:1.05rem}.exp-desc{color:var(--muted);font-size:.83rem;font-weight:600}.empty{color:var(--muted);font-weight:600}.actions{display:flex;align-items:center;gap:.3rem}.actions button{padding:.4rem .6rem;font-size:.85rem}.edit-row{flex:1}.edit-row input{font-size:.9rem;padding:.4rem .5rem}.edit-row input[type=number]{max-width:120px}.profile-head{text-align:center}.profile-pic{width:76px;height:76px;border:3px solid var(--border);box-shadow:var(--shadow-hard);margin-bottom:.6rem;object-fit:cover}.profile-name{font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.profile-actions{display:flex;justify-content:space-between;align-items:center}.theme-toggle{display:flex;gap:.5rem}.theme-toggle button{flex:1}.theme-toggle button.ghost{background:var(--surface);color:var(--muted)}.range-selects{display:flex;gap:.6rem}.range-selects label{flex:1;display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.month-row{padding:.7rem 0;border-bottom:2px solid var(--border)}.month-row:last-child{border-bottom:none}.month-row-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:.4rem;text-transform:capitalize}.month-row .exp-desc{margin-top:.3rem}.stat-grid{display:flex;gap:.5rem;margin-top:.9rem}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--bg);border:2px solid var(--border);padding:.6rem .4rem}.stat-num{font-weight:900;font-size:1.05rem}.stat-lbl{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;text-align:center}.cat-detail{padding:.7rem 0;border-bottom:2px solid var(--border)}.cat-detail:last-child{border-bottom:none}.cat-detail-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:.4rem}.cat-detail .exp-desc{margin-top:.3rem}