@font-face{font-family:Cubic11;src:url(https://cdn.jsdelivr.net/gh/ACh-K/Cubic-11@main/fonts/web/Cubic_11.woff2) format("woff2");font-display:swap}:root{--bg: #D8ECC0;--surface: #F8F8F8;--ink: #303030;--ink-soft: #687860;--primary: #E05038;--primary-press: #B83828;--green: #38A048;--gold: #D8A010;--blue: #4878D0;--red: #D84040;--line: #C8D8B0;--shadow: rgba(48, 64, 40, .3);--frame: #303030;--frame-in: #A8B8A0}:root[data-theme=dark]{--bg: #182830;--surface: #283A40;--ink: #E8F0E8;--ink-soft: #90A8A0;--primary: #F06850;--green: #58C068;--gold: #F0C040;--blue: #78A0F0;--line: #3A5058;--shadow: rgba(0, 0, 0, .4);--frame: #0E181C;--frame-in: #46606A}*{box-sizing:border-box;image-rendering:pixelated;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:Cubic11,DotGothic16,monospace;font-size:22px;line-height:1.5;padding-bottom:calc(76px + env(safe-area-inset-bottom))}#root{max-width:440px;margin-inline:auto;padding:12px 16px 0}h1{font-size:33px;margin:4px 0}h2{font-size:22px;margin:20px 0 8px;border-bottom:2px solid var(--ink);padding-bottom:4px}.soft{color:var(--ink-soft);font-size:16px}.tiny{color:var(--ink-soft);font-size:11px}input,select,button,textarea{font:inherit;color:inherit}.px-card{background:var(--surface);border:3px solid var(--frame);border-radius:6px;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 4px var(--frame-in);padding:12px 14px}.shadow-wrap{filter:drop-shadow(3px 3px 0 var(--shadow));margin-bottom:12px}.btn{display:inline-block;cursor:pointer;padding:8px 20px;background:var(--primary);color:#f8f8f8;border:3px solid var(--frame);border-radius:6px}.btn:active{transform:translate(2px,2px);background:var(--primary-press)}.btn.secondary{background:var(--surface);color:var(--ink)}.btn.secondary:active{background:var(--line)}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.small{font-size:16px;padding:4px 12px}.btn:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed;transform:none}.btn-shadow{display:inline-block;filter:drop-shadow(3px 3px 0 var(--shadow))}.btn-shadow:active{filter:drop-shadow(1px 1px 0 var(--shadow))}.npc{border:3px solid var(--frame);border-radius:6px;box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 4px var(--frame-in);background:var(--surface);padding:10px 12px;margin:6px 0 16px;display:flex;gap:12px;align-items:center;font-size:16px}.npc .face{font-size:33px;flex:none}.amount-xl{font-size:33px;color:var(--gold);text-shadow:2px 2px 0 var(--shadow)}.expense{color:var(--primary)}.income{color:var(--green)}.field{width:100%;background:var(--surface);border:2px solid var(--frame);border-radius:4px;box-shadow:inset 0 0 0 2px var(--frame-in);padding:8px 10px;margin:4px 0 12px}label.form-label{display:block;font-size:16px;color:var(--ink-soft)}.lcd{background:var(--bg);border:2px solid var(--frame);border-radius:4px;box-shadow:inset 0 0 0 2px var(--frame-in);padding:6px 12px;text-align:right;font-size:33px;margin-bottom:8px;overflow:hidden;white-space:nowrap}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{font-size:22px;padding:10px 0;cursor:pointer;text-align:center;background:var(--surface);border:2px solid var(--frame);border-radius:4px;box-shadow:inset 0 0 0 2px var(--frame-in),2px 2px 0 var(--shadow)}.key:active{transform:translate(2px,2px);box-shadow:inset 0 0 0 2px var(--frame-in);background:var(--line)}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;font-size:16px}.cat{border:2px solid var(--frame);border-radius:4px;background:var(--surface);padding:8px 0 4px;cursor:pointer}.cat.sel{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 2px 0 var(--primary)}.cat span{font-size:22px;display:block}.entry{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:2px dotted var(--line)}.entry:last-child{border-bottom:none}.entry .icon16{width:36px;height:36px;flex:none;border:2px solid var(--frame);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg);overflow:hidden}.entry .meta{flex:1;min-width:0}.entry .meta .soft{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry.voided{opacity:.45;text-decoration:line-through}.seg{display:flex;border:2px solid var(--frame);border-radius:4px;overflow:hidden}.seg button{flex:1;padding:6px 0;background:var(--surface);border:none;cursor:pointer}.seg button.on-expense{background:var(--primary);color:#f8f8f8}.seg button.on-income{background:var(--green);color:#f8f8f8}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:0;background:var(--surface);border-top:3px solid var(--frame);box-shadow:inset 0 3px 0 var(--frame-in);padding:8px 8px calc(6px + env(safe-area-inset-bottom))}.tabbar .tab{flex:1;max-width:88px;text-align:center;font-size:11px;cursor:pointer;background:none;border:none;color:var(--ink-soft);padding:2px 0}.tabbar .tab .ticon{display:block;font-size:22px}.tabbar .tab.active{color:var(--primary)}.tabbar .tab.add{display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar .tab.add .ticon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-24px;font-size:24px;line-height:1;background:var(--primary);color:#f8f8f8;border:3px solid var(--frame);border-radius:8px;filter:drop-shadow(3px 3px 0 var(--shadow))}.tabbar .tab.add:active .ticon{transform:translate(2px,2px)}.month-nav{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.bricks{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.bricks i{aspect-ratio:1;border:1px solid var(--ink);background:var(--line)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#1828208c;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(440px,100%);max-height:88vh;overflow-y:auto;padding:4px 16px 16px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:40;white-space:nowrap;animation:toast-in .2s steps(3)}@keyframes toast-in{0%{transform:translate(-50%) translateY(8px);opacity:0}}.trend{display:flex;gap:6px;align-items:stretch;height:120px;margin-top:8px}.trend .col{flex:1;display:flex;flex-direction:column}.trend .bars{flex:1;display:flex;gap:2px;align-items:flex-end;justify-content:center}.trend .bar{width:38%;border:1px solid var(--ink);min-height:2px}.trend .bar.in{background:var(--green)}.trend .bar.ex{background:var(--primary)}.trend .lab{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:2px}.hbar{height:10px;border:1px solid var(--ink);margin:2px 0}.hbar.paid{background:var(--gold)}.hbar.share{background:var(--primary)}.horizon{font-size:20px;letter-spacing:4px;text-align:center;overflow:hidden;white-space:nowrap}.row{display:flex;gap:8px;align-items:center}.row .grow{flex:1}