:root{--bg-paper: #F4EFE6;--bg-surface: #FAF7F2;--bg-muted: #EAE3D5;--ink-primary: #2B2825;--ink-secondary: #655F58;--ink-deleted: #8C8479;--border-rule: #DFD8C8;--border-strong: #C4B9A5;--ink-accent: #35506B;--bg-accent-subtle: #E5ECF2;--ink-positive: #3B6E52;--bg-positive: #E6EFE9;--ink-warning: #9E6224;--bg-warning: #F4E9DA;--ink-danger: #A84038;--bg-danger: #F5E4E2;--font-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-paper);color:var(--ink-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.webview-panel-shell{width:100%;max-width:390px;height:240px;margin:0 auto;background:var(--bg-paper);padding:8px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;overflow:hidden;-webkit-user-select:none;user-select:none}.webview-panel-shell .alert-strip{height:26px;padding:4px 8px;font-size:11px}.webview-panel-shell .hero-two-col .card{padding:7px 10px;display:flex;flex-direction:column;justify-content:center}.webview-panel-shell .metric-label{font-size:11px}.webview-panel-shell .metric-num{font-size:20px;line-height:1.1;margin:1px 0}.webview-panel-shell .metric-num.metric-text{font-size:16px;line-height:1.25;margin:2px 0}.webview-panel-shell .metric-note{font-size:11px;line-height:1.2}.webview-panel-shell .wallet-cell{padding:6px}.webview-panel-shell .wallet-cell .w-name{font-size:11px}.webview-panel-shell .wallet-cell .w-bal{font-size:14px;margin-top:1px}.webview-detail-shell{width:100%;max-width:390px;min-height:100vh;margin:0 auto;background:var(--bg-paper);padding:14px;display:flex;flex-direction:column;gap:12px;overflow-x:hidden}.diary-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border-strong);gap:8px}.diary-title{font-size:16px;font-weight:700;color:var(--ink-primary);line-height:1.25}.diary-sub{font-size:12px;color:var(--ink-secondary);line-height:1.4}.back-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink-accent);background:var(--bg-surface);border:1px solid var(--border-strong);padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0}.back-btn:hover{background:var(--bg-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-rule);border-radius:6px;padding:12px;min-width:0;max-width:100%;overflow:hidden}.card-muted{background:var(--bg-muted);border:1px solid var(--border-strong);border-radius:6px;padding:11px 12px;min-width:0;max-width:100%;overflow:hidden}.alert-strip{background:var(--bg-warning);border:1px solid #D4A973;color:var(--ink-warning);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;position:relative;display:flex;align-items:center;flex-shrink:0}.alert-strip.danger{background:var(--bg-danger);border-color:var(--ink-danger);color:var(--ink-danger)}.marquee-track{display:inline-block;padding-left:100%;animation:marquee-scroll 14s linear infinite}.alert-strip:hover .marquee-track,.alert-strip:active .marquee-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;padding-left:0}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.hero-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-two-col>*{min-width:0}.metric-label{font-size:12px;color:var(--ink-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-num{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--ink-primary);line-height:1.25;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-num.metric-text{font-family:var(--font-sans);font-size:16px;letter-spacing:-.01em}.metric-note{font-size:12px;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wallet-cell{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;padding:8px 9px;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease;min-width:0}.wallet-cell:hover{background:var(--bg-muted)}.wallet-cell.selected{background:var(--bg-accent-subtle);border:1.5px solid var(--ink-accent)}.wallet-cell.view-only{cursor:default}.wallet-cell.view-only:hover{background:var(--bg-surface)}.wallet-cell .w-name{font-size:11px;color:var(--ink-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-cell.selected .w-name{color:var(--ink-accent);font-weight:700}.wallet-cell .w-bal{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--ink-primary);margin-top:2px;white-space:nowrap}.seg-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.seg-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.seg-btn{font-family:var(--font-sans);font-size:12px;font-weight:500;padding:8px 4px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.seg-btn.selected{background:var(--ink-accent);color:var(--bg-surface);border-color:var(--ink-accent);font-weight:600}.btn{font-family:var(--font-sans);font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--ink-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;width:100%;max-width:100%;white-space:normal;text-align:center;line-height:1.3;transition:background .12s ease,color .12s ease}.btn:hover{background:var(--bg-muted);color:var(--ink-primary)}.btn-primary{background:var(--ink-accent);color:var(--bg-surface);border-color:var(--ink-accent)}.btn-primary:hover{background:#283e54;color:var(--bg-surface)}.btn-danger{background:var(--bg-danger);color:var(--ink-danger);border-color:var(--ink-danger)}.btn-danger:hover{background:#ebd0cd;color:var(--ink-danger)}.btn-danger-solid{background:var(--ink-danger);color:var(--bg-surface);border-color:var(--ink-danger)}.btn-danger-solid:hover{background:#87312a;color:var(--bg-surface)}.btn-positive{background:var(--ink-positive);color:var(--bg-surface);border-color:var(--ink-positive)}.btn-positive:hover{background:#2d5640;color:var(--bg-surface)}.lab-btn{font-family:var(--font-sans);font-size:12px;font-weight:500;padding:5px 9px;background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--border-strong);border-radius:4px;cursor:pointer;transition:background .12s ease}.lab-btn:hover{background:var(--bg-muted)}.page-nav-stack{display:flex;flex-direction:column;gap:7px}.page-nav-btn{width:100%;background:var(--bg-surface);border:1px solid var(--border-rule);border-radius:6px;padding:10px 12px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;transition:background .12s ease,border-color .12s ease}.page-nav-btn>div{min-width:0;flex:1}.page-nav-btn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.page-nav-btn .p-title{font-size:14px;font-weight:700;color:var(--ink-primary);line-height:1.3}.page-nav-btn .p-desc{font-size:12px;color:var(--ink-secondary);margin-top:2px;line-height:1.35}.meter-track{width:100%;height:7px;background:var(--bg-muted);border-radius:999px;overflow:hidden;margin-top:5px;position:relative}.meter-fill{height:100%;border-radius:999px;background:var(--ink-accent);transition:width .16s ease}.meter-fill.pos{background:var(--ink-positive)}.meter-fill.warn{background:var(--ink-warning)}.meter-fill.danger{background:var(--ink-danger)}.meter-fill-committed{position:absolute;top:0;left:0;height:100%;background:#d4b48c;border-radius:999px;transition:width .16s ease}.meter-fill-committed.danger{background:#e2aaa4}.meter-fill-paid{position:relative;z-index:1;height:100%;background:var(--ink-positive);border-radius:999px;transition:width .16s ease}.meter-fill-paid.danger{background:var(--ink-danger)}.stat-table{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.stat-row>:first-child{min-width:0;line-height:1.3}.stat-row .mono{white-space:nowrap;flex-shrink:0}.stat-subrow{display:flex;justify-content:space-between;align-items:center;padding-left:12px;font-size:12px;color:var(--ink-secondary)}.stat-subrow .mono{white-space:nowrap;flex-shrink:0}.tap-list{display:flex;flex-direction:column}.tap-row{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-rule);padding:10px 4px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-family:var(--font-sans);color:var(--ink-primary);transition:background .12s ease}.tap-row:last-child{border-bottom:none}.tap-row:hover{background:var(--bg-muted)}.tap-row.is-deleted .tap-title,.tap-row.is-deleted .tap-amt{color:var(--ink-deleted);text-decoration:line-through}.tap-row-left{min-width:0;flex:1}.tap-title{font-size:14px;font-weight:600;color:var(--ink-primary);line-height:1.3;overflow-wrap:break-word}.tap-sub{font-size:12px;color:var(--ink-secondary);margin-top:2px;line-height:1.35;overflow-wrap:break-word}.tap-row-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tap-amt{font-family:var(--font-mono);font-size:14px;font-weight:700;white-space:nowrap}.ledger-list{display:flex;flex-direction:column}.ledger-item{padding:9px 4px;border-bottom:1px solid var(--border-rule);display:flex;flex-direction:column;gap:3px}.ledger-item:last-child{border-bottom:none}.ledger-item.clickable{cursor:pointer}.ledger-item.clickable:hover{background:var(--bg-muted)}.ledger-main{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ledger-main strong{font-size:14px;min-width:0;line-height:1.3;overflow-wrap:break-word}.ledger-main .mono{white-space:nowrap;flex-shrink:0}.ledger-item.is-deleted .ledger-main{color:var(--ink-deleted);text-decoration:line-through}.ledger-meta{font-size:12px;color:var(--ink-secondary);display:flex;justify-content:space-between;align-items:center;gap:6px}.ledger-meta>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-meta .mono{white-space:nowrap;flex-shrink:0}.audit-trail{font-size:11px;color:var(--ink-deleted);padding-left:8px;border-left:2px solid var(--border-strong);margin-top:2px}.audit-trail s{text-decoration:line-through}.tag{display:inline-block;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid var(--border-strong);background:var(--bg-muted);color:var(--ink-primary);white-space:nowrap}.tag-warn{background:var(--bg-warning);border-color:#d4a973;color:var(--ink-warning)}.tag-danger{background:var(--bg-danger);border-color:var(--ink-danger);color:var(--ink-danger)}.tag-pos{background:var(--bg-positive);border-color:var(--ink-positive);color:var(--ink-positive)}.form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-label{font-size:12px;font-weight:600;color:var(--ink-secondary);display:flex;justify-content:space-between;align-items:center;gap:6px}.form-input,.form-select{font-family:var(--font-sans);font-size:14px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-paper);color:var(--ink-primary);width:100%;max-width:100%}.form-select{font-size:13px;padding:8px;text-overflow:ellipsis}.form-input:focus,.form-select:focus{outline:1.5px solid var(--ink-accent);background:var(--bg-surface)}.form-input.mono{font-family:var(--font-mono);font-size:18px;font-weight:700}.toast-bar{background:var(--bg-positive);color:var(--ink-positive);border:1px solid var(--ink-positive);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}