.phone{--w:320px;--u:calc(var(--w) / 360);width:var(--w);aspect-ratio:360/760;border-radius:calc(44 * var(--u));padding:calc(8 * var(--u));box-shadow:var(--shadow-phone), inset 0 0 0 1.5px #ffffff14;background:#1e1b18;flex:none;position:relative}.phone--dark{background:#141416;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 0 1.5px #ffffff1a}.phone__screen{border-radius:calc(36 * var(--u));background:var(--app-bg);height:100%;color:var(--app-ink);font-family:var(--font-sans);font-size:calc(13 * var(--u));isolation:isolate;line-height:1.35;position:relative;overflow:hidden}.phone--dark .phone__screen{color:#ececed;background:#121214}.phone__punchhole{top:calc(9 * var(--u));width:calc(11 * var(--u));height:calc(11 * var(--u));z-index:20;pointer-events:none;background:#080808;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff2e,0 0 0 .5px #0006}.phone__status{height:calc(30 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(11 * var(--u));z-index:15;pointer-events:none;justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.phone--dark .phone__status{color:#ececed}.phone__indicators{align-items:center;gap:calc(5 * var(--u));opacity:.85;display:flex}.phone__indicators svg{display:block}.phone__screen:not(:has(>.phone__img)){padding-top:calc(30 * var(--u))}.phone__img{object-fit:cover;width:100%;height:100%;display:block}.a-pad{padding:0 calc(16 * var(--u))}.a-title{font-size:calc(22 * var(--u));letter-spacing:-.02em;font-weight:650}.a-sub{color:var(--app-ink-2);font-size:calc(12 * var(--u))}.a-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:calc(20 * var(--u));padding:calc(14 * var(--u))}.a-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.a-pos{color:var(--app-income)}.a-neg{color:var(--app-expense)}.a-hero{border-radius:calc(24 * var(--u));padding:calc(16 * var(--u));color:#fff6ea;background:linear-gradient(150deg,#3a2e24 0%,#2b2118 70%)}.a-hero .lbl{font-size:calc(11 * var(--u));color:#fff6eab8}.a-hero .big{font-size:calc(28 * var(--u));margin-top:calc(4 * var(--u));font-weight:600}.a-tiles{gap:calc(6 * var(--u));margin-top:calc(12 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.a-tile{border-radius:calc(12 * var(--u));padding:calc(8 * var(--u));background:#ffffff14}.a-tile .t{font-size:calc(10 * var(--u));color:#fff6eab8;align-items:center;gap:calc(5 * var(--u));display:flex}.a-tile .t:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--dot,#c9bba6);border-radius:2px}.a-tile .v{font-size:calc(12 * var(--u));margin-top:2px;font-weight:600}.a-list{display:grid}.a-row{grid-template-columns:calc(32 * var(--u)) 1fr auto;gap:calc(10 * var(--u));padding:calc(9 * var(--u)) 0;border-bottom:1px solid var(--app-line);align-items:center;display:grid}.a-row:last-child{border-bottom:0}.a-ico{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(10 * var(--u));background:var(--app-variant);color:var(--app-ink);place-items:center;display:grid}.a-ico svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.a-row .n{font-weight:600;font-size:calc(13 * var(--u))}.a-row .c{color:var(--app-ink-2);font-size:calc(11 * var(--u));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.a-row .amt{font-size:calc(13 * var(--u));font-weight:600}.a-nav{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(14 * var(--u));gap:calc(8 * var(--u));grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute}.a-cap{height:calc(48 * var(--u));background:var(--app-surface);border:1px solid var(--app-line);border-radius:99px;justify-content:space-around;align-items:center;display:flex;box-shadow:0 8px 20px -12px #2b211866}.a-cap i{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(5 * var(--u));border:1.6px solid var(--app-ink-2);display:block}.a-cap i.on{border-color:var(--app-ink);background:var(--app-ink)}.a-plus{width:calc(56 * var(--u));height:calc(56 * var(--u));background:var(--app-ink);color:#fff6ea;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 24px -10px #2b211899}.a-plus svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.a-sheet{inset:auto 0 0;top:calc(64 * var(--u));background:var(--app-surface);border-radius:calc(28 * var(--u)) calc(28 * var(--u)) 0 0;padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));gap:calc(10 * var(--u));flex-direction:column;display:flex;position:absolute;box-shadow:0 -12px 40px -20px #2b211873}.a-grabber{width:calc(36 * var(--u));height:calc(4 * var(--u));background:var(--app-line);margin:0 auto calc(4 * var(--u));border-radius:9px}.a-field{min-height:calc(76 * var(--u));border-radius:calc(16 * var(--u));background:var(--app-bg);border:1.5px solid var(--app-line);padding:calc(12 * var(--u));font-size:calc(14 * var(--u));line-height:1.4}.a-field.is-focus{border-color:var(--app-ink)}.a-field .ph{color:var(--app-ink-2);opacity:.8}.a-caret{vertical-align:-.2em;background:var(--orange);width:2px;height:1.15em;margin-left:1px;display:inline-block}@media (prefers-reduced-motion:no-preference){.a-caret{animation:1s step-end infinite caret}}@keyframes caret{50%{opacity:0}}.a-tools{align-items:center;gap:calc(8 * var(--u));display:flex}.a-round{width:calc(36 * var(--u));height:calc(36 * var(--u));background:var(--app-pill);border-radius:50%;place-items:center;display:grid;position:relative}.a-round svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}.a-round .lock{width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--app-accent);border:2px solid var(--app-surface);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.a-btn{height:calc(36 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(12 * var(--u));background:var(--app-ink);color:#fff6ea;align-items:center;gap:calc(6 * var(--u));font-weight:600;font-size:calc(12.5 * var(--u));margin-left:auto;display:inline-flex}.a-btn--wide{width:100%;height:calc(44 * var(--u));border-radius:calc(14 * var(--u));font-size:calc(14 * var(--u));justify-content:center;margin:0}.a-chip{align-items:center;gap:calc(4 * var(--u));height:calc(22 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(8 * var(--u));background:var(--app-pill);font-size:calc(10.5 * var(--u));color:var(--app-ink);font-weight:500;display:inline-flex}.a-draft{border:1px solid var(--app-line);border-radius:calc(16 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));gap:calc(6 * var(--u)) calc(8 * var(--u));background:var(--app-surface);grid-template-columns:1fr auto;display:grid}.a-draft .n{font-weight:650;font-size:calc(13.5 * var(--u))}.a-draft .amt{font-weight:650;font-size:calc(14 * var(--u));text-align:right}.a-draft .chips{gap:calc(6 * var(--u));flex-wrap:wrap;grid-column:1/-1;display:flex}.a-src{font-size:calc(10.5 * var(--u));color:var(--app-ink-2);align-items:center;gap:calc(6 * var(--u));display:flex}.a-src:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--app-income);border-radius:50%}.a-toast{left:50%;bottom:calc(86 * var(--u));background:var(--app-ink);color:#fff6ea;padding:calc(8 * var(--u)) calc(14 * var(--u));font-size:calc(12 * var(--u));white-space:nowrap;gap:calc(6 * var(--u));border-radius:99px;align-items:center;font-weight:600;display:flex;position:absolute;transform:translate(-50%)}.a-toast:before{content:"";width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--orange);border-radius:50%}.a-bar{height:calc(6 * var(--u));background:var(--app-variant);border-radius:99px;overflow:hidden}.a-bar>i{border-radius:inherit;background:var(--app-ink);height:100%;display:block}.a-bar.over>i{background:var(--app-expense)}.a-bubble{border-radius:calc(18 * var(--u));max-width:84%;padding:calc(10 * var(--u)) calc(12 * var(--u));font-size:calc(12.5 * var(--u))}.a-bubble--me{background:var(--app-ink);color:#fff6ea;border-bottom-right-radius:calc(6 * var(--u));margin-left:auto}.a-bubble--ai{background:var(--app-surface);border:1px solid var(--app-line);border-bottom-left-radius:calc(6 * var(--u))}.a-seg{padding:calc(3 * var(--u));border-radius:calc(14 * var(--u));background:var(--app-pill);gap:calc(3 * var(--u));display:flex}.a-seg span{text-align:center;padding:calc(7 * var(--u)) 0;border-radius:calc(11 * var(--u));font-size:calc(11.5 * var(--u));color:var(--app-ink-2);flex:1;font-weight:600}.a-seg span.on{background:var(--app-accent);color:#fffbf5}
