:root{--font: "Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif;--bg: #faf4ea;--bg-deep: #f2e9db;--surface: #ffffff;--surface-2: #fdf9f2;--ink: #2b2016;--muted: #77675a;--faint: #a09080;--line: rgba(43, 32, 22, .12);--line-dash: rgba(43, 32, 22, .22);--coral: #e2492a;--coral-strong: #c23a1f;--coral-tint: #fbe3db;--coral-ink: #a02f16;--on-coral: #ffffff;--teal: #0e8b7d;--teal-strong: #0b6e63;--teal-tint: #d9f0ec;--teal-ink: #085e54;--on-teal: #ffffff;--danger: #b3261e;--danger-tint: #f9e0de;--shadow: 0 8px 24px rgba(43, 32, 22, .1);--shadow-lift: 0 16px 40px rgba(43, 32, 22, .14);--r-lg: 24px;--r-md: 16px;--r-sm: 10px;font-family:var(--font);line-height:1.5;font-weight:500;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg: #1d1712;--bg-deep: #171209;--surface: #2a221b;--surface-2: #322920;--ink: #f5ece1;--muted: #b8a794;--faint: #8b7c6c;--line: rgba(245, 236, 225, .14);--line-dash: rgba(245, 236, 225, .26);--coral: #ff7d5c;--coral-strong: #ff8f70;--coral-tint: #46281f;--coral-ink: #ffb09b;--on-coral: #2a1008;--teal: #3ec2ae;--teal-strong: #55cdbb;--teal-tint: #16362f;--teal-ink: #8ee0d2;--on-teal: #06231e;--danger: #ff8d84;--danger-tint: #43221f;--shadow: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lift: 0 16px 40px rgba(0, 0, 0, .5)}:root[data-theme=dark] button:hover{background:color-mix(in srgb,var(--ink) 8%,var(--surface-2))}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--faint)}select{font-family:inherit;font-size:1rem;font-weight:600;padding:.7rem .9rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);width:100%}input[type=search]{appearance:none}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden;overflow-y:auto}#root{overscroll-behavior:none;overflow-x:hidden;max-width:100%}input{font-family:inherit;font-size:1rem;font-weight:600;padding:.7rem .9rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 22%,transparent)}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{font-family:inherit;font-size:1rem;font-weight:600;padding:.7rem .9rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);outline:none;resize:vertical;min-height:4.5rem;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 22%,transparent)}input[type=date].native-date-input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;appearance:auto;-webkit-appearance:auto;line-height:1.25;cursor:pointer}input[type=date].native-date-input::-webkit-date-and-time-value{text-align:left}input[type=date].native-date-input::-webkit-datetime-edit{min-width:0;overflow:hidden}input[type=date].native-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:.25rem;flex-shrink:0}button{font-family:inherit;font-size:.95rem;font-weight:800;line-height:1;border-radius:999px;padding:.75em 1.25em;border:1.5px solid var(--line-dash);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .12s ease,background-color .18s ease,opacity .18s ease;-webkit-tap-highlight-color:transparent;appearance:none}button:hover{opacity:1;background:var(--surface-2)}button:active{transform:scale(.97)}:focus-visible{outline:3px solid color-mix(in srgb,var(--coral) 60%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){button,input,textarea{transition:none}}.app{min-height:100dvh;max-width:440px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.header-actions{display:flex;gap:.4rem;flex-shrink:0}.app-header h1{margin:0;font-family:var(--font);font-size:1.75rem;font-weight:900;letter-spacing:-.02em;line-height:1.15}.app-header p{margin:.35rem 0 0;font-size:.9rem;color:var(--muted)}.header-icon-btn{flex-shrink:0;width:2.35rem;height:2.35rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--line)}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.dashboard-head .card-label{margin:0}.dashboard-edit-btn{flex-shrink:0;width:2.1rem;height:2.1rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-color:var(--line);color:var(--muted)}.dashboard-edit-btn:hover{color:var(--ink);border-color:var(--coral)}.budget-picker{margin:-.25rem 0 0}.budget-picker-scroll{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem 0 .35rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.budget-picker-scroll::-webkit-scrollbar{display:none}.budget-chip{flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:7.5rem;padding:.65rem .85rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-align:left;touch-action:manipulation}.budget-chip.active{border-color:var(--chip-color, var(--coral));background:color-mix(in srgb,var(--chip-color, var(--coral)) 18%,var(--surface-2));color:var(--ink);box-shadow:0 4px 16px color-mix(in srgb,var(--chip-color, var(--coral)) 25%,transparent)}.budget-chip.active .budget-chip-name{color:var(--ink)}.budget-chip.active .budget-chip-meta{color:var(--muted)}:root[data-theme=dark] .budget-chip.active{background:color-mix(in srgb,var(--chip-color, var(--coral)) 32%,var(--surface-2));border-color:var(--chip-color, var(--coral))}:root[data-theme=dark] .budget-chip.active:hover{background:color-mix(in srgb,var(--chip-color, var(--coral)) 38%,var(--surface-2))}.budget-chip-add{align-items:center;justify-content:center;min-width:5rem;color:var(--coral-strong);border-style:dashed;font-weight:700}.budget-chip-dot{width:.5rem;height:.5rem;border-radius:50%}.budget-chip-name{font-weight:700;font-size:.9rem}.budget-chip-meta{font-size:.72rem;color:var(--muted);font-weight:600}.wide-btn{width:100%}button.primary.wide-btn,button.primary{background:var(--coral);border-color:var(--coral);color:var(--on-coral)}button.primary:hover{filter:brightness(.92)}.danger-btn{border-color:var(--danger);color:var(--danger);background:var(--danger-tint)}.sheet-actions{grid-template-columns:1fr 1fr}.sheet-actions:has(.danger-btn){grid-template-columns:1fr}.sheet-actions:has(.danger-btn) .danger-btn{grid-column:1 / -1}.sheet-actions:has(.danger-btn) button:not(.danger-btn){flex:1}.sheet-actions:has(.danger-btn){display:flex;flex-wrap:wrap;gap:.5rem}.month-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:0 .25rem}.month-nav-btn{width:2.75rem;height:2.75rem;padding:0;border-radius:50%;font-size:1.35rem;line-height:1;display:grid;place-items:center;touch-action:manipulation;position:relative;z-index:1}.month-nav-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.month-nav-label{text-align:center;min-width:0}.month-nav-title{display:block;font-family:var(--font);font-size:1.05rem;font-weight:900;letter-spacing:.02em}.month-nav-today{margin-top:.25rem;padding:0;border:none;background:none;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-strong)}.month-nav-today:hover{text-decoration:underline;background:none}.history-note{margin:0;padding:1rem 1.25rem;font-size:.88rem;color:var(--muted);line-height:1.45}.dashboard-main{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.dashboard-budget-name{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dashboard-hero{margin:.15rem 0 0;font-family:var(--font);font-size:2.4rem;font-weight:900;letter-spacing:-.03em;line-height:1.05}.dashboard-hero.over{color:var(--danger)}.dashboard-hero-label{margin:.1rem 0 0;font-size:.82rem;color:var(--muted)}.dashboard-today{margin:.5rem 0 0;font-size:.9rem;font-weight:800;color:var(--teal-strong)}.dashboard-meta{margin:.5rem 0 0;font-size:.82rem;color:var(--muted)}.dashboard-meta strong{color:var(--ink)}.dashboard .progress-track{margin-top:.65rem}.budget-pie-compact,.budget-pie-compact .budget-pie-chart{--size: 92px}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.dashboard-action{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .35rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);font-size:.72rem;font-weight:700;color:var(--ink);touch-action:manipulation}.dashboard-action:disabled{opacity:.4;cursor:not-allowed}.dashboard-action-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:color-mix(in srgb,var(--coral) 14%,var(--surface-2));color:var(--coral-strong)}.dashboard-action-label{text-align:center;line-height:1.2}.center-dialog-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#2a1f1780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;overscroll-behavior:contain}.center-dialog{width:min(400px,100%);max-width:100%;min-width:0;max-height:min(85dvh,560px);display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 64px #2a1f1733;overflow:hidden}.center-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.1rem 1.15rem .75rem;border-bottom:1px solid var(--line);flex-shrink:0;min-width:0}.center-dialog-head h2{margin:0;flex:1;min-width:0;font-family:var(--font);font-size:1.15rem;font-weight:800;overflow-wrap:anywhere}.center-dialog-body{padding:1rem 1.15rem 1.15rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;min-width:0}.center-dialog-body .form-grid,.center-dialog-body .quick-presets,.center-dialog-body .spending-ranking{min-width:0;max-width:100%}.dialog-form-actions{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:1rem}.dialog-form-actions button.primary{background:var(--coral);border-color:var(--coral);color:var(--on-coral)}.expense-list-compact .expense-list-header h2{font-size:1rem}.dashboard-actions-history{grid-template-columns:1fr 1fr}@media(max-width:360px){.dashboard-actions{grid-template-columns:1fr 1fr}.dashboard-actions .dashboard-action:last-child{grid-column:1 / -1}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem;box-shadow:var(--shadow)}.card-label{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.budget-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.budget-remaining{font-family:var(--font);font-size:2.25rem;font-weight:900;letter-spacing:-.03em;line-height:1}.budget-remaining.over{color:var(--danger)}.budget-meta{display:flex;gap:1.25rem;margin-top:1rem;font-size:.85rem;color:var(--muted)}.budget-meta strong{display:block;font-size:1rem;color:var(--ink);font-weight:600}.progress-track{margin-top:1rem;height:8px;border-radius:999px;background:var(--bg-deep);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--teal-strong));transition:width .4s ease}.progress-fill.warn{background:linear-gradient(90deg,var(--coral),var(--coral-strong))}.progress-fill.danger{background:var(--danger)}.today-card{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center}.budget-pie{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.budget-pie-chart{--size: 116px;width:var(--size);height:var(--size);position:relative;container-type:inline-size}.budget-pie-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.pie-segment{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .5s ease,stroke .3s ease}.pie-left{stroke:color-mix(in srgb,var(--teal) 30%,transparent)}.pie-spent{stroke:var(--coral)}.pie-spent.warn{stroke:var(--coral-strong)}.pie-spent.danger{stroke:var(--danger)}.budget-pie-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:.35rem .25rem;max-width:100%}.budget-pie-center span{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.budget-pie-center strong{font-family:var(--font);font-size:clamp(.62rem,11cqi,.95rem);font-weight:900;margin-top:.1rem;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-pie-center strong.gauge-amount-sm{font-size:clamp(.56rem,9.5cqi,.78rem)}.budget-pie-center strong.gauge-amount-xs{font-size:clamp(.5rem,8.5cqi,.68rem)}.budget-pie-center em{margin-top:.15rem;font-size:.62rem;font-style:normal;font-weight:600;color:var(--muted)}.budget-pie-legend{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:.4rem}.budget-pie-legend li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;font-size:.78rem}.legend-dot{width:.55rem;height:.55rem;border-radius:50%}.legend-spent{background:var(--coral)}.legend-left{background:var(--teal)}.legend-label{color:var(--muted);font-weight:600}.legend-value{font-weight:700;color:var(--ink)}.today-copy h2{margin:0 0 .35rem;font-family:var(--font);font-size:1.2rem;font-weight:800}.today-copy p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.45}.today-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.85rem;font-size:.8rem}.today-stats div strong{display:block;font-size:.95rem;color:var(--ink)}.budget-setup{text-align:center}.budget-setup p{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.budget-input-row{display:flex;gap:.5rem;align-items:stretch}.budget-input-row input{flex:1}.inline-edit{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.inline-edit button.text-btn{border:none;padding:0;font-size:.8rem;font-weight:600;color:var(--coral-strong);opacity:1;background:none}.inline-edit button.text-btn:hover{text-decoration:underline}.form-card h2{margin:0 0 1rem;font-family:var(--font);font-size:1.15rem;font-weight:800}.form-grid{display:grid;gap:.75rem;min-width:0}.field label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:600;color:var(--muted)}.field input{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.native-date-field{min-width:0;max-width:100%}.form-grid .field{min-width:0}.form-actions{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.25rem}.form-actions button.primary{background:var(--coral-strong);border-color:var(--coral-strong);color:var(--on-coral)}.form-actions button.primary:hover{background:var(--coral);filter:brightness(.94)}.form-actions button.primary:disabled{opacity:.45;cursor:not-allowed}.spending-ranking{min-width:0;max-width:100%}.spending-ranking-sub{margin:0 0 1rem;font-size:.82rem;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.ranking-item{display:flex;flex-direction:column;gap:.45rem}.ranking-item-head{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.ranking-pos{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:800;background:color-mix(in srgb,var(--coral) 18%,var(--surface-2));color:var(--coral-strong);flex-shrink:0}.ranking-item:first-child .ranking-pos{background:var(--coral);color:var(--on-coral)}.ranking-item-info{min-width:0}.ranking-title{display:block;font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-meta{display:block;margin-top:.15rem;font-size:.74rem;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-amount{font-family:var(--font);font-size:1rem;font-weight:900;flex-shrink:0;max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-bar-track{height:6px;border-radius:999px;background:var(--bg-deep);overflow:hidden;margin-left:2.25rem}.ranking-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--coral) 0%,var(--coral) 100%);transition:width .4s ease}.ranking-foot{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);font-weight:600}.field-hint{margin:.35rem 0 0;font-size:.75rem;color:var(--muted)}.field-required{color:var(--danger)}.expense-item-desc{margin:0;font-size:.78rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.expense-item-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:0}.expense-tag{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--coral) 16%,var(--surface-2));color:var(--coral-strong)}.dashboard-insights{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.insight-banner{margin:0;padding:.55rem .7rem;border-radius:var(--r-md);font-size:.82rem;font-weight:600;line-height:1.35}.insight-watch{background:var(--coral-tint);color:var(--coral-ink)}.insight-warning,.insight-over{background:var(--danger-tint);color:var(--danger)}.insight-line{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.8rem;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.insight-line-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;color:var(--coral-strong);opacity:.9}.insight-line-icon svg{display:block;width:1em;height:1em}.insight-line-text{flex:1;min-width:0}.quick-presets{margin-bottom:.85rem}.quick-presets-label{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.quick-presets-row{display:flex;flex-wrap:wrap;gap:.4rem}.quick-preset-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;border:none;background:var(--surface);box-shadow:var(--shadow);font-size:.78rem;font-weight:800}.quick-preset-chip span{font-size:.72rem;color:var(--muted);font-weight:600}.presets-editor{margin-top:.25rem;padding-top:.85rem;border-top:1px solid var(--line)}.presets-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.presets-editor-head label{font-size:.78rem;font-weight:600;color:var(--muted)}.presets-editor-empty{margin:0 0 .5rem;font-size:.85rem;color:var(--muted)}.presets-editor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.presets-editor-row{display:grid;grid-template-columns:1fr 5.5rem auto;gap:.4rem;align-items:center}.presets-editor-row input[type=text],.presets-editor-row input[type=number]{min-width:0;padding:.55rem .65rem;font-size:.9rem}.presets-editor-remove{color:var(--danger);border-color:var(--line)}.expense-list-search-wrap{padding:1rem 1.25rem;flex-shrink:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 40%,var(--surface))}.expense-list-search{width:100%;box-sizing:border-box}.settings-sheet{max-height:min(90dvh,640px);overflow-x:hidden;overflow-y:auto}.sheet.panel:has(.presets-editor){max-height:min(92dvh,720px);overflow-x:hidden;overflow-y:auto}.settings-section{margin:1.25rem 0;padding-top:1rem;border-top:1px solid var(--line)}.budget-recurring-section{margin-bottom:0}.settings-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.settings-section-head h3{margin:0;font-size:.95rem}.settings-empty{margin:0;font-size:.85rem;color:var(--muted)}.recurring-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.recurring-item{display:flex;align-items:center;gap:.5rem}.recurring-item-main{flex:1;text-align:left;padding:.65rem .75rem;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:.15rem}.recurring-item-main strong{font-size:.9rem}.recurring-item-main span{font-size:.75rem;color:var(--muted)}.icon-btn-sm{width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1.1rem;line-height:1;flex-shrink:0}.ranking-compare-intro{margin:0 0 .75rem;font-size:.82rem;color:var(--muted)}.expense-list-header{margin-bottom:1rem}.expense-list-header h2{margin:0;font-family:var(--font);font-size:1.15rem;font-weight:800}.expense-list-hint{margin:.35rem 0 0;font-size:.78rem;color:var(--muted)}.expense-list-compact .expense-items{gap:.65rem}.expense-empty{margin:0;padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.expense-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.expense-list-more{width:100%;max-width:100%;margin-top:1rem;padding:.85rem 1rem;overflow-wrap:anywhere;border-radius:var(--r-md);border:1px dashed var(--line);background:transparent;color:var(--coral-strong);font-size:.88rem;font-weight:700}.expense-list-more:hover{background:var(--surface-2)}.expense-list-sheet{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;max-height:min(88dvh,640px);padding:0;overflow:hidden}.expense-list-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.25rem 1.25rem 1rem;flex-shrink:0;border-bottom:1px solid var(--line);min-width:0}.expense-list-sheet-head>div:first-child{min-width:0;flex:1}.expense-list-sheet-head h2{margin:0;font-family:var(--font);font-size:1.2rem;font-weight:800;overflow-wrap:anywhere}.expense-list-sheet-head .sheet-subtitle{margin:.25rem 0 0;font-size:.82rem;color:var(--muted)}.sheet-close-btn{width:2.25rem;height:2.25rem;padding:0;border-radius:50%;font-size:1.35rem;line-height:1;flex-shrink:0;display:grid;place-items:center}.expense-list-sheet-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));min-width:0;-webkit-overflow-scrolling:touch}.expense-list-sheet-body .expense-items{min-width:0}.expense-list-sheet-body .expense-list-more{margin-bottom:.25rem}.expense-row-wrap{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);box-shadow:0 1px 3px #2a1f170a;animation:slideIn .35s ease backwards;touch-action:pan-y}.expense-row-wrap:nth-child(1){animation-delay:0ms}.expense-row-wrap:nth-child(2){animation-delay:40ms}.expense-row-wrap:nth-child(3){animation-delay:80ms}.expense-row-actions{position:absolute;inset:0 0 0 auto;width:132px;display:flex;z-index:0}.expense-action{flex:1;border:none;border-radius:0;padding:0;font-size:.82rem;font-weight:800;letter-spacing:.02em}.expense-action-edit{background:var(--coral-tint);color:var(--coral-ink)}.expense-action-edit:hover{background:color-mix(in srgb,var(--coral) 24%,var(--coral-tint))}.expense-action-delete{background:var(--danger-tint);color:var(--danger)}.expense-action-delete:hover{background:color-mix(in srgb,var(--danger) 18%,var(--danger-tint))}.expense-row-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.1rem;background:var(--surface-2);transition:transform .22s ease;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box}.expense-row-wrap:not(:has(.expense-row-actions)) .expense-row-content{cursor:default}.expense-row-wrap.open .expense-row-content{transition:transform .22s ease}.expense-row-content:active{cursor:grabbing}.expense-item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.expense-item-note{margin:0;font-weight:600;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}.expense-item-date{margin:0;font-size:.78rem;line-height:1.35;color:var(--muted)}.expense-item-amount{font-family:var(--font);font-weight:900;font-size:1.05rem;line-height:1.2;flex-shrink:0;text-align:right;padding-left:.5rem}.sheet-backdrop{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left));background:#2a1f1773;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain}.sheet-backdrop-top{z-index:110}.sheet.panel{width:100%;max-width:min(440px,100%);min-width:0;margin:0 auto;padding:1.25rem;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);border:1px solid var(--line);box-shadow:0 -8px 40px #2a1f171f;overflow-x:hidden;box-sizing:border-box}.sheet.panel h2{margin:0;font-family:var(--font);font-size:1.2rem;font-weight:800}.sheet-subtitle{margin:.25rem 0 1rem;font-size:.85rem;color:var(--muted)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.sheet-actions button.primary{background:var(--coral-strong);border-color:var(--coral-strong);color:var(--on-coral)}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:380px){.form-actions{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){.progress-fill,.pie-segment,.expense-row-content,.expense-row-wrap{transition:none;animation:none}}.app-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px}.app-mode-btn{border:none;background:transparent;padding:.55rem .75rem;border-radius:999px;font-weight:800;color:var(--muted)}.app-mode-btn.active{background:var(--ink);color:var(--bg)}.app-mode-btn.active:hover{background:var(--ink)}.travel-loading{text-align:center;color:var(--muted)}.travel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.travel-user{margin:0;font-size:.85rem;color:var(--muted)}.travel-auth-card h2{margin:0 0 .35rem;font-family:var(--font)}.travel-auth-sub{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.travel-auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.85rem}.travel-auth-divider:before,.travel-auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.travel-auth-toggle{width:100%;margin-top:.75rem}.travel-auth-card .form-grid+button.primary,.travel-auth-card .form-error+button.primary,.travel-auth-card .form-success+button.primary{margin-top:1rem}.auth-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:1rem;height:1rem;border:2px solid color-mix(in srgb,var(--on-coral) 35%,transparent);border-top-color:var(--on-coral);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.travel-google-btn{background:#fff;color:#1f1f1f;border:1px solid var(--line)}:root[data-theme=dark] .travel-google-btn{background:var(--surface);color:var(--ink)}.travel-empty h2,.travel-setup h2{margin:0 0 .5rem;font-family:var(--font)}.travel-join-link{width:100%;margin-top:.75rem}.travel-group-list{display:flex;flex-direction:column;gap:.75rem}.travel-group-card{width:100%;text-align:left;cursor:pointer}.travel-group-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.travel-group-name{display:block;font-size:1.2rem;font-weight:900;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.travel-group-meta{display:block;margin:.25rem 0 0;font-size:.82rem;font-weight:700;color:var(--muted)}.travel-group-settled{margin:0;color:var(--teal-strong);font-size:.9rem;font-weight:800}.travel-list-actions{display:flex;flex-direction:column;gap:.5rem}.budget-chip-join{border-style:dashed}.travel-back-btn{align-self:flex-start}.travel-hero h2{margin:0 0 .75rem;font-family:var(--font)}.invite-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem}.invite-panel-code{flex:1;min-width:7rem;display:flex;flex-direction:column;gap:.1rem}.invite-code-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.invite-code-value{font-size:1.35rem;font-weight:900;letter-spacing:.18em;color:var(--teal-ink)}.invite-panel .btn-sm{font-size:.8rem;padding:.55em 1em}.invite-note{margin:-.65rem 0 0;padding:0 .35rem;font-size:.78rem;font-weight:600;color:var(--muted)}.travel-balance-block .card-label{margin:0 0 .35rem}.travel-balance-list{margin:0;padding:0;list-style:none}.travel-balance-list li{margin:.25rem 0}.travel-owe strong{color:var(--danger)}.travel-owed strong{color:var(--teal-strong)}.travel-balance-even{margin:0;padding:.75rem 1rem;border-radius:var(--r-md);background:var(--teal-tint);color:var(--teal-ink);font-weight:900}.avatar{width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;color:#fff;border:2px solid var(--surface);flex:0 0 auto}.avatar-you{background:var(--ink);color:var(--bg)}.avatar-more{background:var(--bg-deep);color:var(--muted)}.avatar-stack{display:inline-flex;flex-shrink:0}.avatar-stack .avatar{margin-left:-.5rem}.avatar-stack .avatar:first-child{margin-left:0}.travel-suggestions h3,.travel-group-actions h3{margin:0 0 .5rem;font-size:.95rem}.travel-suggestions ul,.settle-history ul{margin:0;padding:0;list-style:none}.travel-suggestion-btn{width:100%;text-align:left;border:none;border-radius:0;background:transparent;color:var(--ink)}.transfer{display:flex;align-items:center;gap:.75rem;padding:.85rem .25rem;border-bottom:1px dashed var(--line-dash)}li:last-child>.transfer{border-bottom:none}.transfer .who{flex:1;min-width:0;font-size:.9rem;font-weight:800}.transfer .who small{display:block;font-weight:600;font-size:.75rem;color:var(--muted)}.transfer .amt{font-size:1rem;font-weight:900;white-space:nowrap}.amt-owed{color:var(--teal-strong)}.amt-owe{color:var(--coral-strong)}.arrow-pair{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.arrow-pair .arr{color:var(--faint);font-weight:900}.travel-actions{display:flex;flex-direction:column;gap:.5rem}.leave-card{border:1.5px dashed var(--line-dash);box-shadow:none;background:var(--surface)}.leave-card h3{margin:0 0 .35rem;font-size:.95rem;font-weight:900}.leave-card p{margin:0 0 .85rem;font-size:.85rem;font-weight:600;color:var(--muted)}.leave-card .last-member{margin:0 0 .85rem;background:var(--danger-tint);border-radius:var(--r-sm);padding:.75rem;font-size:.8rem;font-weight:700;color:var(--danger)}.travel-split-members{display:flex;flex-wrap:wrap;gap:.45rem}.travel-split-member{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.travel-split-member input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.travel-split-member span{line-height:1.2}.travel-split-member.active{border-color:var(--coral-strong);background:color-mix(in srgb,var(--coral-strong) 14%,var(--surface-2));color:var(--ink);box-shadow:0 2px 10px color-mix(in srgb,var(--coral-strong) 18%,transparent)}:root[data-theme=dark] .travel-split-member.active{background:color-mix(in srgb,var(--coral-strong) 28%,var(--surface-2))}.travel-split-mode{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.travel-custom-splits{display:flex;flex-direction:column;gap:.5rem}.travel-custom-split-row{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:.65rem;align-items:center}.travel-custom-split-row label{margin:0;font-size:.85rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-custom-split-row input{width:100%;min-width:0;box-sizing:border-box;text-align:right}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.field-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600}.form-error{margin:.5rem 0 0;color:var(--danger);font-size:.85rem}.settle-history{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.settle-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.settle-history-item div{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.settle-history-item strong{font-size:.9rem}.form-success{margin:.5rem 0 0;color:var(--teal-strong);font-size:.85rem;font-weight:700}.settings-name-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start}.settle-history-actions{display:flex;gap:.35rem;flex-shrink:0}.settings-sign-out{margin-top:1rem}.app-auth{justify-content:center}.offline-banner{position:sticky;top:0;z-index:120;margin:-1.25rem -1.25rem .75rem;padding:.65rem 1rem;font-size:.82rem;line-height:1.35;display:flex;align-items:center;gap:.5rem}.offline-banner.offline{background:color-mix(in srgb,var(--coral) 18%,var(--surface));color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--coral) 35%,var(--line))}.offline-banner.syncing{background:color-mix(in srgb,var(--teal) 14%,var(--surface));color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--teal) 30%,var(--line))}.offline-banner-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.offline-banner.offline .offline-banner-dot{background:var(--coral)}.offline-banner.syncing .offline-banner-dot{background:var(--teal);animation:offlinePulse 1.2s ease-in-out infinite}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.35}}.sheet-hint{margin:0 0 1rem;font-size:.85rem;color:var(--muted)}.ticket{position:relative;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}button.ticket{display:block;width:100%;padding:0;border:none;font-size:inherit;line-height:inherit}button.ticket:hover{background:var(--surface);box-shadow:var(--shadow-lift)}.ticket-main{display:block;padding:1.25rem}.ticket-stub{position:relative;display:block;padding:.85rem 1.25rem;background:var(--surface-2);border-top:2px dashed var(--line-dash)}.ticket-stub:before,.ticket-stub:after{content:"";position:absolute;top:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg)}.ticket-stub:before{left:-12px}.ticket-stub:after{right:-12px}.route{display:flex;align-items:center;gap:.75rem;margin:0;min-width:0;flex:1;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.route>span:first-child,.route>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route .dashline{flex:1;min-width:1.5rem;border-top:2px dashed var(--line-dash);position:relative}.route .dashline:after{content:"✈";position:absolute;top:-.8rem;left:50%;transform:translate(-50%);font-size:.85rem;letter-spacing:0;color:var(--coral)}.stub-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem .75rem;flex-wrap:wrap}.stub-fact{display:block;font-size:.72rem;font-weight:700;color:var(--muted)}.stub-fact b{display:block;font-size:.85rem;color:var(--ink);font-weight:900;letter-spacing:.02em}.stub-fact b.stub-good{color:var(--teal-strong)}.stub-fact b.stub-bad{color:var(--coral-strong)}.barcode{display:block;width:60px;height:28px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 10px,var(--ink) 10px 13px,transparent 13px 15px);opacity:.7}.dashboard-head .route{margin-right:.5rem}.travel-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-top:.85rem}.travel-hero-head h2{margin:0;font-size:1.35rem;font-weight:900;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.travel-hero .travel-balance-block{margin-top:.85rem}.travel-balance-list li{font-size:1rem;font-weight:700;color:var(--muted)}.travel-balance-list strong{font-size:1.45rem;font-weight:900;letter-spacing:-.01em}button.teal-btn,button.primary.teal-btn{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}button.teal-btn:hover,button.primary.teal-btn:hover{background:var(--teal);filter:brightness(.94)}.all-square{display:block;text-align:center;padding:1.1rem 1rem;margin:.75rem 0 .25rem;background:var(--teal-tint);border-radius:var(--r-md)}.all-square .big{display:block;font-size:1.05rem;font-weight:900;color:var(--teal-ink)}.all-square .sub{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin-top:.15rem}.log-outcome{margin:.75rem 0 0;text-align:center;font-size:.8rem;font-weight:700;color:var(--faint)}.log-outcome.over{color:var(--coral-ink)}.month-nav-current{display:block;margin-top:.25rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-strong)}.stub-balances{display:block;margin:0;padding:0;list-style:none}@media(prefers-reduced-motion:reduce){button.ticket:hover{box-shadow:var(--shadow)}}