:root{--panel:#101722b8;--panel-2:#161f2dd1;--panel-solid:#121a25;--border:#ffffff17;--border-strong:#ffffff29;--text:#eaf0f7;--text-dim:#9aa7b8;--text-faint:#6b798a;--accent:#6366f1;--accent-2:#8b5cf6;--danger:#f4566b;--radius:18px;--radius-sm:11px;--blur:20px;--shadow:0 24px 60px -18px #0000009e;--shadow-sm:0 8px 24px -10px #00000080;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:#0a0f17;font-size:15px;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{color:inherit;font-family:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:650}p{margin:0}.app{position:fixed;inset:0}.scene-canvas{z-index:1;inset:0;position:fixed!important}.ui{z-index:10;pointer-events:none;position:fixed;inset:0}.topbar,.breakdown,.bd-backdrop,.drawer,.dock{pointer-events:auto}.glass{background:var(--panel);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);box-shadow:var(--shadow)}.topbar{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid;position:absolute;top:16px;left:16px;right:16px}.topbar>.brand{justify-self:start}.topbar>.total-card{justify-self:center}.topbar>.controls{justify-self:end}.brand{background:var(--panel);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:9px 16px 9px 10px;display:flex}.brand__mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px -6px #6366f1b3}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{background:linear-gradient(120deg,#fff,#c7d2fe);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:750}.brand__sub{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px}.total-card{background:var(--panel-2);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:24px;padding:11px 18px;transition:transform .18s,border-color .2s;display:flex}.total-card:hover{border-color:#8b5cf680;transform:translateY(1px)}.total-card.is-open{border-color:#8b5cf6a6}.total-card__main{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.total-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}.total-card__cadence{color:#c4b5fd;letter-spacing:.04em;text-transform:none;background:#8b5cf62e;border-radius:999px;padding:2px 7px;font-size:10px}.total-card__value{letter-spacing:-.03em;text-shadow:0 2px 18px #6366f159;font-size:27px;font-weight:760}.total-card__aside{border-left:1px solid var(--border);flex-direction:column;align-items:flex-end;gap:5px;padding-left:22px;display:flex}.total-card__secondary{color:var(--text-dim);font-size:14px;font-weight:600}.total-card__secondary em{color:var(--text-faint);margin-left:3px;font-size:11px;font-style:normal}.total-card__chevron{color:#c4b5fd;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.controls{align-items:center;gap:10px;display:flex}.seg{background:var(--panel);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:12px;gap:2px;padding:3px;display:flex}.seg--sm{flex-wrap:wrap}.seg__btn{color:var(--text-dim);border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s}.seg__btn:hover{color:var(--text)}.seg__btn.is-active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 6px 16px -8px #6366f1cc}.currency{background:var(--panel);height:40px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);color:var(--text-dim);border-radius:12px;align-items:center;gap:6px;padding:0 10px;display:flex}.currency select{color:var(--text);background:0 0;border:none;outline:none;padding-right:2px;font-size:13px;font-weight:600}.icon-btn{background:var(--panel);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);color:var(--text-dim);border-radius:12px;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.hotspot{transform-origin:0;white-space:nowrap;align-items:center;gap:9px;transition:transform .18s;display:flex}.hotspot:hover,.hotspot.is-selected{z-index:5;transform:scale(1.08)}.hotspot__ring{border:2px solid var(--hs-color);opacity:.6;pointer-events:none;border-radius:50%;width:40px;height:40px;margin-top:-20px;animation:2.4s ease-out infinite hs-pulse;position:absolute;top:50%;left:0}.hotspot__dot{background:var(--hs-color);width:40px;height:40px;box-shadow:0 6px 18px -4px #0009, 0 0 0 4px color-mix(in srgb, var(--hs-color) 28%, transparent);border:2px solid #ffffffd9;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.hotspot.is-selected .hotspot__dot{box-shadow:0 6px 22px -2px #000000b3, 0 0 0 6px color-mix(in srgb, var(--hs-color) 45%, transparent)}.hotspot__meta{-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--hs-color) 45%, var(--border));box-shadow:var(--shadow-sm);opacity:0;transform-origin:0;pointer-events:none;white-space:nowrap;background:#0b1017db;border-radius:11px;flex-direction:column;align-items:flex-start;gap:0;padding:5px 11px;transition:opacity .16s,transform .16s;display:flex;transform:translate(-6px)scale(.96)}.hotspot:hover .hotspot__meta,.hotspot.is-expanded .hotspot__meta{opacity:1;transform:none}.hotspot__label{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:600}.hotspot__cost{color:#fff;font-size:14px;font-weight:750}@keyframes hs-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.9)}to{opacity:0}}.bd-backdrop{-webkit-backdrop-filter:blur(3px);background:#04080e80;animation:.2s fade-in;position:fixed;inset:0}.breakdown{background:var(--panel-2);width:min(1000px,100vw - 32px);max-height:calc(100vh - 120px);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) slide-down;display:flex;position:fixed;top:90px;left:50%;overflow:hidden;transform:translate(-50%)}.breakdown__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex}.breakdown__head h2{font-size:20px}.breakdown__head p{color:var(--text-dim);margin-top:4px;font-size:13px}.breakdown__body{grid-template-columns:300px 1fr;gap:8px;display:grid;overflow:hidden}.breakdown__chart{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.breakdown__legend{flex-direction:column;gap:4px;width:100%;display:flex}.legend-chip{border-radius:9px;align-items:center;gap:9px;padding:6px 9px;transition:background .15s;display:flex}.legend-chip.is-active{background:#ffffff0f}.legend-chip__dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-chip__label{color:var(--text-dim);flex:1;font-size:12.5px}.legend-chip__val{color:var(--text);font-size:12px;font-weight:700}.breakdown__lists{padding:18px 22px 24px;overflow-y:auto}.bd-section{margin-bottom:18px}.bd-section h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);align-items:center;gap:7px;margin-bottom:8px;font-size:11.5px;display:flex}.bd-row{text-align:left;border-radius:11px;grid-template-columns:26px 150px 1fr 38px 84px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .15s;display:grid}.bd-row:not(.is-static):hover,.bd-row.is-active{background:#ffffff0f}.bd-row.is-static{cursor:default}.bd-row__dot{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.bd-row__label{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:550;overflow:hidden}.bd-row__bar{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden}.bd-row__bar span{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.bd-row__pct{color:var(--text-faint);text-align:right;font-size:12px}.bd-row__value{text-align:right;font-size:13.5px;font-weight:700}.drawer{background:var(--panel-2);width:392px;max-width:calc(100vw - 32px);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:84px;bottom:16px;right:16px;overflow:hidden;transform:translate(calc(100% + 28px))}.drawer.is-open{transform:none}.drawer__head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent);padding:18px 18px 14px}.drawer__heading{align-items:flex-start;gap:13px;display:flex}.drawer__icon{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px -8px #000000b3}.drawer__titles{flex:1;min-width:0}.drawer__titles h2{font-size:18px}.drawer__name{letter-spacing:-.02em;background:0 0;border:none;border-bottom:1px dashed #0000;outline:none;width:100%;padding:0 0 2px;font-size:18px;font-weight:650}.drawer__name:hover{border-bottom-color:var(--border-strong)}.drawer__name:focus{border-bottom-color:var(--accent)}.drawer__titles p{color:var(--text-dim);margin-top:3px;font-size:12.5px}.drawer__tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.swatches{gap:6px;display:flex}.swatch{border:2px solid #0000;border-radius:7px;width:22px;height:22px;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.12)}.swatch.is-active{border-color:#fff}.ghost-btn{color:var(--text-dim);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.ghost-btn:hover{color:var(--text);border-color:var(--border-strong)}.ghost-btn--danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.drawer__body{flex:1;padding:14px 16px 16px;overflow-y:auto}.item-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);grid-template-columns:28px 1fr 96px 60px;gap:8px;padding:0 6px 8px;font-size:10.5px;display:grid}.item-head span:nth-child(2){grid-column:2}.item-head span:nth-child(3){text-align:right}.item-row{border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:7px 6px;transition:background .15s;display:grid}.item-row:hover{background:#ffffff0a}.item-row__icon{width:28px;height:28px;color:var(--text-dim);background:#ffffff0f;border-radius:8px;place-items:center;display:grid}.item-row.is-funded .item-row__icon{color:var(--text);background:#6366f12e}.item-row__label{min-width:0;color:var(--text);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:3px 2px;font-size:13.5px}.item-row__label:hover{border-bottom-color:var(--border)}.item-row__label:focus{border-bottom-color:var(--accent)}.item-row__amount{border:1px solid var(--border);background:#ffffff0d;border-radius:9px;align-items:center;width:92px;height:32px;padding:0 8px;transition:border-color .15s;display:flex}.item-row__amount:focus-within{border-color:var(--accent);background:#6366f11a}.item-row__symbol{color:var(--text-faint);font-size:12.5px}.item-row__input{text-align:right;width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13.5px;font-weight:600}.item-row__freq{display:flex}.item-row__freq select{border:1px solid var(--border);height:32px;color:var(--text-dim);background:#ffffff0d;border-radius:9px;outline:none;padding:0 4px;font-size:12px;font-weight:600}.item-row__monthly{width:78px;color:var(--text-faint);text-align:right;font-size:11px}.item-row__del{width:28px;height:28px;color:var(--text-faint);border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid}.item-row__del:hover{color:#fff;background:var(--danger)}.add-item{width:100%;color:var(--text-dim);border:1px dashed var(--border-strong);border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:11px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.add-item:hover{color:var(--text);border-color:var(--accent);background:#6366f114}.drawer__foot{border-top:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.drawer__foot-label{font-size:13px;font-weight:600;display:block}.drawer__foot-sub{color:var(--text-faint);font-size:11px}.drawer__foot-value{letter-spacing:-.02em;font-size:22px;font-weight:760}.dock{background:var(--panel);width:300px;max-width:calc(100vw - 32px);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;gap:13px;padding:14px;display:flex;position:fixed;bottom:16px;left:16px}.dock__title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;display:flex}.dock__chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;align-items:center;gap:7px;padding:6px 11px 6px 8px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.chip.is-active{border-color:var(--accent);background:#6366f129}.chip__dot{border-radius:50%;width:9px;height:9px}.chip__cost{color:var(--text-dim);font-size:11px;font-weight:700}.chip--add{color:var(--text-dim);border-style:dashed}.chip--add:hover{color:var(--text)}.dock__hint{color:var(--text-faint);border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:11px;font-size:11.5px;display:flex}.donut__seg{cursor:pointer;transition:opacity .18s}.donut__value{fill:#fff;letter-spacing:-.02em;font-size:24px;font-weight:760}.donut__label{fill:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.drawer__body::-webkit-scrollbar{width:9px}.breakdown__lists::-webkit-scrollbar{width:9px}.drawer__body::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:2px solid #0000;border-radius:999px}.breakdown__lists::-webkit-scrollbar-thumb{background:#ffffff1f padding-box padding-box;border:2px solid #0000;border-radius:999px}.drawer__body::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}.breakdown__lists::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}@keyframes fade-in{0%{opacity:0}}@keyframes slide-down{0%{opacity:0;transform:translate(-50%)translateY(-12px)}}@media (width<=900px){.total-card__aside{display:none}.breakdown__body{grid-template-columns:1fr}.breakdown__chart{border-right:none;border-bottom:1px solid var(--border)}}@media (width<=680px){.brand__text{display:none}.total-card{gap:14px;padding:9px 14px}.total-card__value{font-size:22px}.drawer,.dock{width:calc(100vw - 32px)}.bd-row{grid-template-columns:26px 1fr 56px 70px}.bd-row__bar{display:none}}.total-card__value,.total-card__secondary,.drawer__foot-value,.item-row__input,.item-row__monthly,.bd-row__value,.bd-row__pct,.hotspot__cost,.chip__cost,.legend-chip__val,.donut__value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.total-card__value{font-size:30px}.hotspot--aggregate .hotspot__dot{width:50px;height:50px}.hotspot--aggregate .hotspot__ring{width:50px;height:50px;margin-top:-25px}.hotspot--aggregate .hotspot__label,.hotspot--item .hotspot__label{opacity:1;max-width:210px}.hotspot--aggregate .hotspot__meta{padding:7px 14px}.hotspot--aggregate .hotspot__label{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hotspot--aggregate .hotspot__cost{font-size:16px}.hotspot--item{gap:12px}.hotspot--item .hotspot__dot{border-width:3px;width:62px;height:62px}.hotspot--item .hotspot__ring{width:62px;height:62px;margin-top:-31px}.hotspot--item .hotspot__meta{border-radius:14px;padding:8px 15px}.hotspot--item .hotspot__label{font-size:14px}.hotspot--item .hotspot__cost{font-size:20px}.veh-switch{-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--hs-color) 50%, var(--border));box-shadow:var(--shadow-sm);white-space:nowrap;background:#0b1017e0;border-radius:999px;align-items:center;gap:4px;padding:5px 6px;display:flex}.veh-switch__arrow{color:#fff;background:#ffffff12;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,transform .15s;display:grid}.veh-switch__arrow:hover{background:var(--hs-color);transform:translateY(-1px)}.veh-switch__label{color:#fff;align-items:baseline;gap:6px;padding:0 8px;font-size:13.5px;font-weight:700;display:flex}.veh-switch__label em{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;font-weight:600}.focusbar{background:var(--panel-2);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:4px;padding:6px 8px 6px 6px;animation:.2s fade-in;display:flex;position:absolute;top:86px;left:16px}.focusbar__back{color:var(--text);background:#ffffff0d;border-radius:9px;align-items:center;gap:2px;padding:7px 12px 7px 8px;font-size:12.5px;font-weight:650;transition:background .15s;display:inline-flex}.focusbar__back:hover{background:#ffffff21}.focusbar__sep{background:var(--border);width:1px;height:18px;margin:0 2px}.focusbar__here{color:var(--text-dim);align-items:center;gap:6px;padding:0 11px 0 6px;font-size:12.5px;font-weight:600;display:inline-flex}.item-row.is-focused{background:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent)}.icon-btn.is-active{color:#fff;border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 24%, var(--panel))}.ui:before{content:"";pointer-events:none;background:linear-gradient(#080c124d,#0000);height:130px;position:absolute;top:0;left:0;right:0}.dropdown{position:relative}.currency{background:var(--panel);height:40px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:7px;padding:0 11px;font-weight:650;transition:border-color .15s,transform .15s;display:inline-flex}.currency:hover{border-color:var(--border-strong);transform:translateY(-1px)}.currency__sym{color:var(--text-dim);font-size:15px}.currency__code{letter-spacing:.02em;font-size:13px}.dropdown__backdrop,.add-expense__backdrop{z-index:40;position:fixed;inset:0}.dropdown__menu{z-index:50;background:var(--panel-2);min-width:232px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.16s pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown__opt{text-align:left;color:var(--text-dim);border-radius:10px;grid-template-columns:22px 42px 1fr 16px;align-items:center;gap:8px;padding:9px 10px;transition:background .14s,color .14s;display:grid}.dropdown__opt:hover{color:var(--text);background:#ffffff0f}.dropdown__opt.is-active{color:var(--text)}.dropdown__sym{font-size:15px;font-weight:700}.dropdown__code{color:var(--text);font-size:13px;font-weight:700}.dropdown__label{font-size:12.5px}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.add-expense{margin-top:10px;position:relative}.add-expense .add-item{margin-top:0}.add-expense__menu{z-index:50;background:var(--panel-2);max-height:340px;-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:2px;padding:6px;animation:.16s pop-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto}.add-expense__head{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding:6px 10px 4px;font-size:10.5px}.add-expense__search{z-index:1;border:1px solid var(--border);color:var(--text-faint);background:#ffffff0d;border-radius:10px;align-items:center;gap:7px;margin-bottom:2px;padding:7px 9px;display:flex;position:sticky;top:0}.add-expense__search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.add-expense__search input::placeholder{color:var(--text-faint)}.add-expense__empty{color:var(--text-faint);text-align:center;padding:10px;font-size:12.5px}.add-expense__opt{text-align:left;color:var(--text);border-radius:10px;grid-template-columns:26px 1fr auto 16px;align-items:center;gap:9px;padding:8px 10px;transition:background .14s;display:grid}.add-expense__opt:hover{background:#ffffff0f}.add-expense__icon{width:26px;height:26px;color:var(--text-dim);background:#ffffff0f;border-radius:8px;place-items:center;display:grid}.add-expense__label{font-size:13px;font-weight:550}.add-expense__amt{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.add-expense__custom{border-top:1px solid var(--border);color:var(--text-dim);margin-top:4px;padding-top:11px}.add-expense__custom .add-expense__label{color:var(--text-dim)}.add-expense__menu::-webkit-scrollbar{width:8px}.add-expense__menu::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:999px}.total-card__budget{border-left:1px solid var(--border);align-items:center;gap:18px;padding-left:20px;display:flex}.total-card__stat{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.total-card__stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:10px}.total-card__stat-val{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:15px;font-weight:750}.total-card__stat-val.is-pos{color:#34d399}.total-card__stat-val.is-neg{color:#f4566b}.total-card__chevron{color:#c4b5fd;background:#ffffff0f;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.budget-summary{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.budget-summary__stat{background:var(--panel-2);flex-direction:column;gap:3px;padding:14px 18px;display:flex}.budget-summary__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px}.budget-summary__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:760}.budget-summary__value.is-pos{color:#34d399}.budget-summary__value.is-neg{color:#f4566b}.drawer__section+.drawer__section{border-top:1px solid var(--border);margin-top:12px;padding-top:14px}.drawer__section-head{justify-content:space-between;align-items:center;padding:2px 6px 9px;display:flex}.drawer__section-head>span:first-child{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:7px;font-size:11.5px;font-weight:700;display:inline-flex}.drawer__section-head--income>span:first-child{color:#34d399}.drawer__section-total{font-variant-numeric:tabular-nums;font-size:14px;font-weight:750}.drawer__section-total--income{color:#34d399}.item-row--income .item-row__icon{color:#34d399;background:#34d39929}.item-row--income .item-row__amount:focus-within{background:#34d3991a;border-color:#34d399}.drawer__foot-budget{flex-direction:column;display:flex}.settings-menu{min-width:252px;max-height:min(70vh,540px);overflow-y:auto}.settings-menu__head{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding:9px 10px 4px;font-size:10.5px}.settings-menu__head:not(:first-child){border-top:1px solid var(--border);margin-top:4px}.settings-menu__opt{text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:550;transition:background .14s;display:flex}.settings-menu__opt:hover{background:#ffffff0f}.settings-menu__icon{width:24px;height:24px;color:var(--text-dim);background:#ffffff0f;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.settings-menu__opt--danger{color:#fb7185}.settings-menu__opt--danger:hover{background:color-mix(in srgb, var(--danger) 16%, transparent)}.settings-menu__regions{grid-template-columns:repeat(2,1fr);gap:5px;padding:2px 6px 6px;display:grid}.region-opt{border:1px solid var(--border);text-align:left;color:var(--text-dim);background:#ffffff08;border-radius:9px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;transition:background .14s,border-color .14s,color .14s;display:flex}.region-opt:hover{color:var(--text);background:#ffffff12}.region-opt.is-active{border-color:color-mix(in srgb, var(--accent,#6366f1) 60%, transparent);background:color-mix(in srgb, var(--accent,#6366f1) 16%, transparent);color:var(--text)}.region-opt__code{letter-spacing:.04em;color:var(--text);font-size:11px;font-weight:750}.region-opt__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.settings-menu::-webkit-scrollbar{width:8px}.settings-menu::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:999px}button{-webkit-tap-highlight-color:transparent}.scene-canvas canvas{touch-action:none}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}@media (width<=1024px){.brand__text,.total-card__stat--income{display:none}.total-card{gap:16px}.total-card__budget{gap:14px;padding-left:14px}.seg__btn{padding:7px 11px}}@media (width<=700px){.ui:before{height:150px}.topbar{top:calc(8px + env(safe-area-inset-top));flex-wrap:wrap;align-items:center;gap:8px;display:flex;left:8px;right:8px}.brand{border-radius:13px;order:1;padding:7px}.controls{order:2;gap:6px;margin-left:auto}.total-card{order:3;width:100%;padding:10px 14px}.total-card:hover{transform:none}.total-card__value{font-size:24px}.total-card__budget{margin-left:auto}.total-card__stat--income{display:flex}.focusbar{top:auto;bottom:calc(176px + env(safe-area-inset-bottom));left:8px}.drawer{border-radius:18px;width:auto;max-width:none;inset:8px}.dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));gap:9px;width:auto;padding:11px 12px}.dock__hint{display:none}.breakdown{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:20px;width:auto;max-height:84vh;animation:.3s cubic-bezier(.22,1,.36,1) slide-up;transform:none}.breakdown__body{grid-template-columns:1fr;overflow-y:auto}.breakdown__chart{border-right:none;border-bottom:1px solid var(--border)}.budget-summary{grid-template-columns:repeat(2,1fr)}.budget-summary__value{font-size:18px}}@media (width<=440px){.total-card__stat--income,.item-row__monthly{display:none}}.app--2d{background:radial-gradient(120% 120% at 50% 0%, #1b2438 0%, var(--bg,#0f1422) 60%);overflow-y:auto}.twod{z-index:1;min-height:100vh;padding:calc(96px + env(safe-area-inset-top)) 20px 120px;position:relative}.twod__inner{flex-direction:column;gap:26px;max-width:1040px;margin:0 auto;display:flex}.twod__note{background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:14px;align-items:center;gap:9px;padding:12px 16px;font-size:13.5px;display:flex}.twod-section__head{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:750;display:flex}.twod-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.twod-card{background:var(--panel-2);border:1px solid var(--border);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:14px 15px;transition:transform .14s,border-color .14s,background .14s;display:flex}.twod-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.twod-card.is-active{border-color:color-mix(in srgb, var(--accent,#6366f1) 70%, transparent);background:color-mix(in srgb, var(--accent,#6366f1) 14%, var(--panel-2))}.twod-card__icon{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.twod-card__icon--add{color:var(--text-dim);background:#ffffff12}.twod-card__label{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:650;overflow:hidden}.twod-card__value{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13.5px;font-weight:700}.twod-card--add{color:var(--text-dim);border-style:dashed}