:root,html[data-payer=saran]{--ink: #0b0f0d;--ink-2: #101612;--surface: #161d19;--surface-2: #1e2722;--line: rgba(243, 239, 228, .08);--paper: #f3efe4;--muted: rgba(243, 239, 228, .62);--lime: #c8f042;--lime-ink: #12180f;--coral: #ff6b4a;--wash-a: rgba(200, 240, 66, .12);--wash-b: rgba(255, 107, 74, .08);--safe-bottom: max(16px, env(safe-area-inset-bottom));--nav-h: 72px;--radius: 22px;--shadow: 0 18px 40px rgba(0, 0, 0, .35);color-scheme:dark}html[data-payer=bala]{--ink: #120c18;--ink-2: #181222;--surface: #1d1628;--surface-2: #271e36;--line: rgba(236, 226, 255, .1);--paper: #f4eefc;--muted: rgba(236, 226, 255, .62);--lime: #c9b3ff;--lime-ink: #1a1028;--coral: #ff7ab8;--wash-a: rgba(186, 140, 255, .18);--wash-b: rgba(255, 92, 180, .1);--shadow: 0 18px 40px rgba(12, 4, 24, .45)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;overflow:hidden}html{background:var(--ink);transition:background-color .28s ease}body{margin:0;font-family:Outfit,system-ui,sans-serif;color:var(--paper);background:radial-gradient(1200px 500px at 80% -10%,var(--wash-a),transparent 50%),radial-gradient(800px 400px at 0% 100%,var(--wash-b),transparent 45%),var(--ink);min-height:100dvh;transition:background .28s ease,color .28s ease}button,input{font:inherit;color:inherit}button{cursor:pointer}.app-shell{width:min(430px,100%);max-width:100%;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top)) 18px 24px}.screen-log{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0;position:relative;max-width:100%}.add-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:none;touch-action:pan-y}.add-scroll::-webkit-scrollbar{display:none}.add-head{margin-bottom:6px;min-width:0}.add-title{font-size:32px}.add-dock{flex-shrink:0;padding:12px 0 10px;background:var(--ink);box-shadow:0 -16px 28px var(--ink)}.kicker{margin:0 0 6px;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600;color:var(--muted)}.display{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.03em;margin:0}.field{margin:16px 0;min-width:0}.field-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:18px;background:var(--ink-2);border:1px solid var(--line)}.seg button{border:0;background:transparent;border-radius:14px;min-height:48px;font-weight:600}.seg button.active{background:var(--lime);color:var(--lime-ink);box-shadow:0 8px 18px color-mix(in srgb,var(--lime) 28%,transparent)}.chip,.split-card,.key,.nav-btn,.primary{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-height:48px}.seg button,.split-card,.chip,.key,.nav-btn,.primary,.hero-card,.panel,.amount-wrap,.date-input{transition:transform .16s ease,background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease}.seg button.active,.split-card.active,.chip.active{background:var(--lime);color:var(--lime-ink);border-color:transparent}.seg button:active,.split-card:active,.chip:active,.primary:active,.key:active{transform:scale(.98)}.amount-wrap{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:16px 18px 12px;box-shadow:var(--shadow)}.amount-wrap span{flex-shrink:0;font-family:Fraunces,Georgia,serif;font-size:28px;color:var(--lime)}.amount-wrap input{flex:1;min-width:0;width:0;border:0;background:transparent;outline:none;font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:600;letter-spacing:-.04em}.split-echo{margin:10px 2px 0;font-size:13px;color:var(--muted)}.date-wrap{display:flex;align-items:center;min-width:0;max-width:100%;height:52px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:0 18px}.date-input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:32px;border:0;background:transparent;padding:0;margin:0;color-scheme:dark;font-size:16px;line-height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-input::-webkit-datetime-edit{display:flex;align-items:center;padding:0;height:32px;line-height:32px;min-width:0}.date-input::-webkit-date-and-time-value{text-align:left;min-width:0}.date-today{margin-top:8px;background:none;border:0;color:var(--lime);min-height:40px;padding:0;font-weight:600;font-size:13px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:100%}.split-card{text-align:left;padding:12px;min-height:68px;min-width:0;border-radius:16px;font-weight:600;font-size:15px;overflow-wrap:anywhere}.split-card small{display:block;color:inherit;opacity:.62;margin-top:4px;font-weight:500;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:0 14px;border-radius:999px;min-height:42px;max-width:100%;font-size:13px;font-weight:600}.custom-split{margin-top:12px;padding:14px;background:var(--surface-2);border-radius:18px}.custom-split input[type=range]{width:100%;accent-color:var(--lime)}.share-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.share-row label{font-size:12px;color:var(--muted)}.share-row input{width:100%;margin-top:6px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--ink-2);padding:0 10px}.primary{width:100%;background:var(--lime);color:var(--lime-ink);border:0;font-weight:700;font-size:17px;border-radius:18px;min-height:56px;box-shadow:0 10px 24px color-mix(in srgb,var(--lime) 22%,transparent)}.primary:disabled{opacity:.45}.toast{position:absolute;left:50%;bottom:76px;transform:translate(-50%);background:var(--lime);color:var(--lime-ink);padding:12px 16px;border-radius:999px;font-weight:600;z-index:20;animation:pop .18s ease}.toast.error{background:var(--coral);color:#fff}@keyframes pop{0%{transform:translate(-50%) translateY(8px);opacity:0}}.bottom-nav{flex-shrink:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px var(--safe-bottom);background:var(--ink);border-top:1px solid var(--line)}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:600}.nav-btn.active{color:var(--lime-ink);background:var(--lime);border-color:transparent}.hero-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow)}.hero-card .amount{font-family:Fraunces,Georgia,serif;font-size:40px;margin:8px 0 0}.month-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.month-row button{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.delta.up{color:var(--coral)}.delta.down{color:var(--lime)}.bar-row{display:grid;grid-template-columns:108px 1fr 64px;gap:8px;align-items:center;margin:10px 0;font-size:13px}.bar-track{height:10px;background:var(--ink-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--lime);border-radius:inherit}.entry{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.muted{color:var(--muted);font-size:13px}.pin-screen{height:100dvh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;padding:calc(48px + env(safe-area-inset-top)) 22px var(--safe-bottom);width:min(430px,100%);margin:0 auto}.name-swipe{text-align:center;margin:10px 0 4px}.name-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:8px 12px 4px;cursor:grab}.name-hero{font-size:56px;line-height:1;animation:name-in .22s ease}@keyframes name-in{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}.name-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.name-dots span{width:7px;height:7px;border-radius:99px;background:var(--line)}.name-dots span.on{background:var(--lime)}.name-hint{margin:10px 0 0}.pin-slots{display:flex;gap:10px;justify-content:center;margin:28px 0 12px}.pin-slot{width:44px;height:52px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-family:Fraunces,Georgia,serif;font-size:24px}.pin-slot.filled{border-color:var(--lime)}.pin-slots.shake{animation:shake .42s ease}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{height:68px;border-radius:22px;font-size:24px;font-weight:600;background:var(--surface-2)}.key.ghost{color:var(--muted);font-size:16px}.vault-error{text-align:center;color:var(--coral);font-size:13px;margin:0 0 8px}.ghost-link{background:none;border:0;color:var(--muted);min-height:44px;padding:8px 0}.banner{background:#ff6b4a26;color:#ffd2c8;border-radius:14px;padding:12px 14px;font-size:14px;margin-bottom:12px}