:root{--bg:#f2f3f1;--surface:#fbfbfce0;--surface-2:#e6e9ed;--surface-3:#d7dce2;--ink:#1b2430;--muted:#566170;--rule:#d2d7dd;--settled:#1b8058;--settled-strong:#135f42;--owed:#ad5445;--rail:#8a6d1d;--shadow-soft:0 18px 42px #1b243017;--shadow-card:0 10px 24px #1b24300f;--ring:#1b80582e;--f-display:"Sora", "Segoe UI", system-ui, sans-serif;--f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-press:.12s;--duration-ui:.18s}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg)}.brand-row{align-items:center;gap:10px;padding:2px 2px 18px;display:flex}.brand-mark{background:#ffffff42;border-radius:10px;width:32px;height:32px;box-shadow:0 8px 18px #1b243014}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-name{font-family:var(--f-display);letter-spacing:-.02em;font-size:21px;font-weight:600}.brand-tag{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-family:var(--f-mono);margin-top:3px}.top-controls{z-index:20;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));align-items:center;gap:8px;display:flex;position:fixed}.theme-toggle{border:1px solid var(--rule);background:color-mix(in srgb, var(--surface) 92%, transparent);width:40px;height:40px;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;display:grid;box-shadow:0 2px 10px #171b1714}.theme-toggle:focus-visible{outline:2px solid var(--settled);outline-offset:2px}.language-toggle{border:1px solid var(--rule);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:2px;min-height:36px;padding:3px;display:inline-flex;box-shadow:0 2px 10px #171b1714}.language-option{min-width:36px;min-height:28px;color:var(--muted);font-family:var(--f-mono);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:11px}.language-option.active{background:var(--ink);color:var(--surface)}.language-option:focus-visible{outline:2px solid var(--settled);outline-offset:2px}body{color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#96a6be2e,#0000 36%),linear-gradient(#f2f3f1 0%,#e7e9ec 100%);overflow-x:hidden}.phone{width:min(390px,100%);min-height:100dvh;box-shadow:var(--shadow-soft);background:linear-gradient(#fafafbf5,#f1f2f4fa);border:1px solid #646e7c1f;flex-direction:column;margin:0 auto;display:flex;position:relative}@media (min-width:430px){body{padding:24px 0}.phone{border:1px solid var(--rule);border-radius:18px;overflow:hidden}}.screen-head{background:linear-gradient(#ffffff42,#fff0);border-bottom:1px solid #d2d7dccc;align-items:center;gap:5px;padding:24px 22px 14px;display:flex}.back{width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;margin-left:-12px;text-decoration:none;display:flex}.title{font-family:var(--f-display);letter-spacing:-.015em;margin:0;font-size:21px;font-weight:600}.subtitle{color:var(--muted);font-size:11.5px}.label{font-family:var(--f-mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:10.5px}.card{box-shadow:var(--shadow-card);background:linear-gradient(#ffffffc7,#f5f6f8e6);border:1px solid #d2d7dcf2;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.group-summary{flex-direction:column;gap:14px;padding:18px 22px 0;display:flex}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-card{box-shadow:var(--shadow-card);background:linear-gradient(#ffffffc2,#f1f3f5f0);border:1px solid #d2d7dcf2;border-radius:14px;flex-direction:column;gap:4px;padding:12px 12px 10px;display:flex}.summary-card strong{font-family:var(--f-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:500;line-height:1}.summary-card small{color:var(--muted);font-size:11px;line-height:1.4}.row{border-bottom:1px solid var(--rule);background:#ffffff14;align-items:center;gap:13px;padding:12px 15px;display:flex}.row:last-child{border-bottom:none}.avatar{background:linear-gradient(180deg, var(--surface-2), #cfd5dc);width:36px;height:36px;color:var(--muted);border:1px solid #808a9873;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff73}.avatar.you{background:linear-gradient(180deg, #283346, var(--ink));color:var(--surface);border-color:#1b2430b8}.avatar.sm{width:28px;height:28px;font-size:11px}.money{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:14.5px}.grow{flex-grow:1}.btn{width:100%;height:54px;font-family:var(--f-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #1b243014;border-radius:14px;justify-content:center;align-items:center;font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:flex;box-shadow:0 10px 18px #1b243014}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 22px #1b24301a}.btn-settle{background:linear-gradient(180deg, var(--settled), var(--settled-strong));color:var(--surface)}.btn-dark{background:linear-gradient(180deg, #283346, var(--ink));color:var(--surface)}.foot{background:linear-gradient(#f1f2f400,#e2e5ea47);border-top:1px solid #d2d7dce6;flex-direction:column;gap:8px;margin-top:auto;padding:14px 22px 24px;display:flex}.receipt{border-left:3px solid var(--rail);font-family:var(--f-mono);color:var(--rail);overflow-wrap:anywhere;background:linear-gradient(#ffffffad,#f3f4f6e6);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.headline-count{font-family:var(--f-mono);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:42px;font-weight:500}.selfie-frame{background:linear-gradient(135deg,#f5f6f8eb,#e5e8ecf5);border:1px solid #a0a8b4a6;border-radius:26px;justify-content:center;align-items:center;width:194px;height:194px;margin-top:4px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff80}.group-qr{width:min(224px,78vw);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffd6,#f0f2f4f5);border:1px solid #d2d7dcf2;border-radius:18px;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.qr-grid{background:#1b243005;border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:8px;display:grid}.qr-dot{background:#1b24302e;border-radius:3px;width:8px;height:8px}.qr-dot.on{background:var(--ink)}.qr-code-meta{flex-direction:column;align-items:center;gap:2px;display:flex}.qr-code-meta strong{font-family:var(--f-mono);letter-spacing:-.02em;font-size:16px;font-weight:600}.group-preview{width:min(320px,80vw);box-shadow:var(--shadow-card);background:linear-gradient(#ffffffc2,#f0f2f4f5);border:1px solid #d2d7dcf2;border-radius:16px;flex-direction:column;gap:10px;padding:12px 12px 10px;display:flex}.group-preview-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-preview-row.compact{border-top:1px solid var(--rule);color:var(--muted);padding-top:6px;font-size:11.5px}.group-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.group-preview-grid>div{background:#ffffff52;border:1px solid #d2d7dccc;border-radius:10px;flex-direction:column;gap:4px;padding:10px 10px 8px;display:flex}.group-preview-grid strong{font-family:var(--f-mono);letter-spacing:-.02em;font-size:17px;font-weight:500}.participant-panel{overflow:hidden}.participant-panel-head{border-bottom:1px solid var(--rule);background:#ffffff0f;justify-content:space-between;align-items:center;padding:12px 15px 10px;display:flex}.participant-row{padding-top:10px;padding-bottom:10px}.participant-meta{flex-direction:column;gap:2px;display:flex}.participant-meta span{font-size:14.5px;font-weight:500}.participant-meta small{color:var(--muted);font-size:11px}.balance-chip{min-width:74px;font-family:var(--f-mono);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.balance-chip.settled{color:var(--settled-strong);background:#1b80581f;border-color:#1b805838}.balance-chip.owed{color:var(--owed);background:#ad54451a;border-color:#ad54453d}.balance-chip.neutral{color:var(--muted);background:#1b24300d;border-color:#1b24301f}.confirmation-card{overflow:hidden}.confirmation-body{justify-content:space-between;align-items:center;gap:12px;padding:12px 15px 14px;display:flex}.confirmation-body>div{flex-direction:column;gap:4px;display:flex}.confirmation-body strong{font-family:var(--f-mono);letter-spacing:-.02em;font-size:16px;font-weight:500}.join-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(320px,80vw);display:grid}.join-summary-item{box-shadow:var(--shadow-card);background:linear-gradient(#ffffffc2,#f0f2f4f5);border:1px solid #d2d7dcf2;border-radius:14px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.join-summary-item strong{font-family:var(--f-mono);letter-spacing:-.02em;font-size:18px;font-weight:500;line-height:1}.join-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(320px,80vw);display:grid}.join-step{text-align:center;background:#ffffff47;border:1px solid #d2d7dccc;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex}.join-step span{background:var(--ink);width:22px;height:22px;color:var(--surface);font-family:var(--f-mono);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.join-step small{color:var(--muted);font-size:10.5px;line-height:1.3}.preview-pill{min-height:24px;font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.preview-pill.settled{color:var(--settled-strong);background:#1b80581f;border-color:#1b805840}.preview-pill.owed{color:var(--owed);background:#ad54451f;border-color:#ad544540}.amount-input{font-family:var(--f-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink);outline-offset:4px;background:0 0;border:none;width:210px;padding:0;font-size:44px;font-weight:500}.text-input{background:var(--surface);border:1px solid var(--rule);height:50px;font-family:var(--f-body);color:var(--ink);border-radius:10px;width:100%;padding:0 15px;font-size:15.5px}.chip{border:1px solid var(--rule);height:32px;color:var(--muted);font-family:var(--f-mono);border-radius:999px;align-items:center;padding:0 14px;font-size:11.5px;display:inline-flex}.chip-on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.person-chip{border:1px solid var(--rule);height:44px;color:var(--muted);font-family:var(--f-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 15px 0 7px;font-size:14px;display:inline-flex}.person-chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:500}.split-row{border:none;border-bottom:1px solid var(--rule);width:100%;font-family:var(--f-body);cursor:pointer;background:0 0;min-height:44px}.split-row:last-child{border-bottom:none}.btn:disabled{opacity:.45;cursor:not-allowed}.note-card{box-shadow:var(--shadow-card);background:linear-gradient(#ffffffc2,#f0f2f4f2);border:1px solid #d2d7dccc;border-radius:14px;align-items:flex-start;gap:11px;padding:15px 16px;display:flex}.phone.done{background:var(--settled);color:#f3f4f6}.done-list{border-top:1px solid #47997a;border-bottom:1px solid #47997a;flex-direction:column;width:100%;display:flex}.done-row{border-bottom:1px solid #47997a;align-items:center;gap:10px;padding:12px 4px;display:flex}.done-row:last-child{border-bottom:none}.receipt-link{color:#d3e8dc;text-underline-offset:3px;align-items:center;gap:7px;height:44px;font-size:13px;text-decoration:underline;display:inline-flex}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--settled);outline-offset:2px}.pulse-dot{background:var(--rail);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:420px){.phone{border-left:none;border-right:none;border-radius:0}.screen-head{padding-top:18px}.title{font-size:19px}.group-summary,.summary-grid,.join-summary,.join-steps,.group-preview-grid{gap:8px}.confirmation-body{flex-direction:column;align-items:stretch}.confirmation-body>div{align-items:center}.participant-row{gap:10px}.done-row{gap:8px}.receipt{flex-wrap:wrap}}@media (max-width:360px){.summary-grid,.join-summary,.join-steps,.group-preview-grid{grid-template-columns:1fr}.row{padding-left:12px;padding-right:12px}.group-preview{width:min(100%,280px)}}@media (prefers-reduced-motion:reduce){.pulse-dot{animation:none}.btn{transition:none}}.landing{background:var(--bg);max-width:1040px;min-height:100dvh;margin:0 auto;padding:clamp(18px,4vw,32px) clamp(20px,5vw,40px) 64px}.landing>:not(.lp-hero):not(.lp-top):not(.reveal),.landing>.reveal>:not(.lp-flow){max-width:680px}.lp-top{align-items:center;gap:10px;min-height:44px;display:flex}.lp-top-mark{width:34px;height:34px}.lp-top-word{width:112px;height:auto}.lp-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(20px,5vw,56px);padding:clamp(28px,7vw,72px) 0 clamp(32px,6vw,56px);display:grid}.lp-hero-copy{flex-direction:column;gap:20px;display:flex}.lp-hero-mark{width:100%;max-width:440px;animation:mark-in .9s var(--ease-out) backwards;justify-self:center}@keyframes mark-in{0%{opacity:.2;transform:scale(.94)rotate(-4deg)}}@media (max-width:760px){.lp-hero{grid-template-columns:1fr}.lp-hero-mark{order:-1;max-width:min(260px,72vw)}}.lp-kicker{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.landing h1{font-family:var(--f-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,6.4vw,64px);font-weight:700;line-height:1.04}.lp-accent{color:var(--settled-strong)}.landing h1 code{font-family:var(--f-mono);background:var(--surface-2);border-radius:5px;padding:.06em .22em;font-size:.72em;font-weight:500}.lp-lead{color:var(--muted);text-wrap:pretty;max-width:56ch;margin:0;font-size:17.5px;line-height:1.6}.lp-lead strong,.landing p strong{color:var(--ink);font-weight:600}.lp-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.lp-cta .btn{gap:10px;width:auto;padding:0 24px}.lp-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 20px;display:grid}@media (max-width:760px){.lp-flow{grid-template-columns:1fr}}.lp-step{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex}.lp-step-top{justify-content:space-between;align-items:center;display:flex}.lp-step-icon{background:var(--ink);width:40px;height:40px;color:var(--bg);border-radius:12px;place-items:center;display:grid}.lp-step-n{font-family:var(--f-mono);color:var(--muted);font-size:12px}.lp-step h3{font-family:var(--f-display);letter-spacing:-.015em;margin:6px 0 0;font-size:18px;font-weight:600}.landing .lp-step p{color:var(--muted);font-size:14.5px}.lp-fx{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-card);border-radius:16px;flex-wrap:wrap;align-items:center;gap:clamp(14px,4vw,28px);padding:20px 22px;display:flex}.lp-fx>div{flex-direction:column;gap:4px;display:flex}.lp-fx-n{font-family:var(--f-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(26px,5vw,34px);font-weight:500;line-height:1}.lp-fx-usd{color:var(--settled-strong)}.lp-link{color:var(--ink);text-underline-offset:4px;font-size:14.5px;text-decoration:underline;text-decoration-thickness:1px}.lp-numbers{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:clamp(16px,5vw,36px);margin:52px 0;padding:26px 0;display:flex}.lp-numbers>div{flex-direction:column;gap:2px;display:flex}.lp-n{font-family:var(--f-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(40px,9vw,58px);font-weight:500;line-height:1}.lp-cap{color:var(--muted);max-width:22ch;font-size:13px}.lp-section{flex-direction:column;gap:14px;margin:44px 0;display:flex}.landing h2{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(23px,4vw,28px);font-weight:600;line-height:1.2}.landing p{text-wrap:pretty;max-width:62ch;margin:0;font-size:15.5px;line-height:1.62}.landing code{font-family:var(--f-mono);background:var(--surface-2);border-radius:4px;padding:.08em .3em;font-size:.88em}.lp-muted{color:var(--muted);font-size:14px!important}.lp-steps{flex-direction:column;gap:12px;margin:0;padding-left:20px;display:flex}.lp-steps li{color:var(--muted);text-wrap:pretty;max-width:60ch;font-size:15.5px;line-height:1.6}.lp-steps li strong{color:var(--ink);font-weight:600}.lp-proof{flex-direction:column;gap:9px;margin:4px 0;display:flex}.lp-proof a{font-family:var(--f-mono);color:var(--rail);border-left:2px solid var(--rail);background:var(--surface);overflow-wrap:anywhere;padding:7px 0 7px 13px;font-size:13px;text-decoration:none}.lp-proof a:hover{color:var(--ink)}.lp-foot{border-top:1px solid var(--rule);flex-direction:column;gap:12px;margin-top:56px;padding-top:22px;display:flex}.lp-foot p{color:var(--muted);font-size:14px}.lp-foot a,.landing .lp-section a:not(.lp-proof a){color:var(--settled-strong);text-underline-offset:3px}.btn,.person-chip,.split-row,.lp-btn,.chip{cursor:pointer;transition:background-color var(--duration-ui) ease-out, border-color var(--duration-ui) ease-out, color var(--duration-ui) ease-out, opacity var(--duration-ui) ease-out, transform var(--duration-press) ease-out}.btn:active:not(:disabled),.person-chip:active,.split-row:active,.lp-btn:active{transform:scale(.985)}.btn:hover:not(:disabled){opacity:.92}.back,.receipt-link,.lp-link,a[class*=avatar]{transition:opacity var(--duration-ui) ease-out}.back:hover,.receipt-link:hover,.lp-link:hover{opacity:.7}.split-row:hover{background:var(--surface-2)}.lp-proof a{transition:color var(--duration-ui) ease-out, border-color var(--duration-ui) ease-out}.awaiting{animation:2s ease-in-out infinite awaiting}@keyframes awaiting{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active:not(:disabled),.person-chip:active,.split-row:active,.lp-btn:active{transform:none}}.dg-edge{opacity:.3;animation:.3s ease-out backwards dg-fade}@keyframes dg-fade{0%{opacity:0}}.dg-draw{stroke-dashoffset:0;animation:.55s cubic-bezier(.16,1,.3,1) backwards dg-draw}@keyframes dg-draw{0%{stroke-dashoffset:var(--dg-len)}}@keyframes dg-label-fade{0%{opacity:0}}.dg-node{animation:.32s cubic-bezier(.34,1.4,.64,1) backwards dg-pop}@keyframes dg-pop{0%{opacity:0;transform:scale(.6)}}.reveal{animation:.42s cubic-bezier(.16,1,.3,1) backwards reveal;animation-timeline:view();animation-range:entry entry 60%}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}}@supports not (animation-timeline:view()){.reveal{animation-timeline:auto}}.bill-form{flex-direction:column;flex-grow:1;gap:18px;padding:4px 22px 24px;display:flex}.bill-lead{color:var(--muted);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.55}.field{flex-direction:column;gap:7px;display:flex}.field-help{color:var(--muted);font-size:12px}.money-input{background:var(--surface);border:1px solid var(--rule);height:50px;font-family:var(--f-mono);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:6px;padding:0 14px;display:flex}.money-input>span:first-child{color:var(--muted)}.money-input input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;flex:1;font-size:17px}.money-input input:focus{outline:none}.money-input:focus-within{border-color:var(--settled);box-shadow:0 0 0 3px color-mix(in srgb, var(--settled) 18%, transparent)}.money-input.compact{width:128px;height:40px;padding:0 10px}.money-input.compact input{text-align:right;font-size:14.5px}.money-unit{color:var(--muted);font-size:11.5px}.form-error{background:color-mix(in srgb, var(--owed) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--owed) 30%, transparent);color:var(--owed);border-radius:9px;margin:0;padding:10px 12px;font-size:13.5px;line-height:1.45}.bill-actions{margin-top:auto;padding-top:8px}.room-head{justify-content:space-between;align-items:flex-start}.room-pad{flex-direction:column;flex-grow:1;gap:18px;padding:4px 22px 18px;display:flex}.room-loading{color:var(--muted);justify-content:center;align-items:center;font-size:14px}.status-chip{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);border-radius:999px;flex-shrink:0;margin-top:4px;padding:5px 10px;font-size:10.5px}.status-chip.status-locked{color:var(--rail);border-color:color-mix(in srgb, var(--rail) 40%, transparent)}.status-chip.status-settled{color:var(--settled);border-color:color-mix(in srgb, var(--settled) 40%, transparent)}.your-share{background:var(--surface);border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:4px;padding:18px;display:flex}.your-amount-row{align-items:baseline;gap:8px;min-height:46px;display:flex;overflow:hidden}.your-currency{font-family:var(--f-mono);color:var(--muted);letter-spacing:.06em;font-size:13px}.your-usd{font-family:var(--f-mono);color:var(--muted);font-size:13px}.your-usd.frozen{color:var(--settled-strong);background:#1b80581a;border-radius:999px;align-self:flex-start;margin:2px 0;padding:5px 10px;font-weight:500}.your-amount{font-family:var(--f-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--owed);font-size:38px;font-weight:500;line-height:1.1;display:inline-block}.your-amount.is-payer{color:var(--settled)}.your-caption{color:var(--muted);font-size:13.5px}.invite-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;grid-template-columns:148px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.invite-qr{background:var(--surface);border-radius:8px;place-items:center;width:148px;height:148px;display:grid}.invite-qr img{width:148px;height:148px;image-rendering:pixelated;border-radius:6px}.invite-qr-empty{color:var(--muted);text-align:center;font-size:12px}.invite-text{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;line-height:1.45;display:flex}.invite-text strong{color:var(--ink);font-size:14.5px}.link-button{min-height:44px;color:var(--settled);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.split-controls{flex-direction:column;gap:10px;display:flex}.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mode{border:1px solid var(--rule);background:var(--surface);min-height:64px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;isolation:isolate;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;transition:border-color .18s ease-out,background-color .18s ease-out;display:flex;position:relative}.mode.on{border-color:var(--ink);color:var(--surface)}.mode-pill{z-index:-1;background:var(--ink);border-radius:10px;position:absolute;inset:-1px}.mode:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mode:disabled{cursor:progress}.mode-label{font-size:13px;font-weight:600;line-height:1.2}.mode-hint{opacity:.72;font-size:11px;line-height:1.3}.custom-shares .custom-row{cursor:text;gap:10px;padding:8px 12px}.share-balance{color:var(--owed);background:color-mix(in srgb, var(--owed) 6%, var(--surface));justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.share-balance.ok{color:var(--settled);background:color-mix(in srgb, var(--settled) 7%, var(--surface))}.own-share{flex-direction:column;gap:8px;display:flex}.own-share-row{gap:8px;display:flex}.own-share-row .money-input{flex:1}.btn-inline{width:auto;height:50px;padding:0 20px}.btn-ghost{color:var(--ink);border:1px solid var(--rule);background:0 0}.confirm-progress{flex-direction:column;gap:10px;display:flex}.confirm-count{font-family:var(--f-display);color:var(--muted);align-items:baseline;gap:8px;font-size:21px;display:flex}.confirm-bar{gap:5px;display:flex}.confirm-bar span{background:var(--rule);border-radius:3px;flex:1;height:6px;overflow:hidden}.confirm-bar i{background:var(--settled);transform-origin:0;height:100%;display:block}.member-list{margin:8px 0 0;padding:0;list-style:none}.member-list .row{gap:11px}.member-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.member-name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;overflow:hidden}.member-role{color:var(--muted);font-size:11.5px}.tick{border:1.6px dashed var(--rule);width:22px;height:22px;color:var(--settled);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tick.on{background:color-mix(in srgb, var(--settled) 12%, transparent);border:none}.room-note{color:var(--muted);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.room-receipt{color:var(--settled);align-self:center}.foot-hint{color:var(--muted);text-align:center;font-size:12px;line-height:1.45}.join-view{flex-direction:column;flex-grow:1;justify-content:center;gap:16px;padding:32px 24px 28px;display:flex}.join-title{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:32px;font-weight:600;line-height:1.08}.join-sub{font-family:var(--f-mono);color:var(--muted);margin:-6px 0 6px;font-size:13.5px}.join-foot{color:var(--muted);text-align:center;text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.demo-note{border:1px dashed var(--rule);max-width:300px;color:var(--ink);text-align:left;border-radius:10px;flex-direction:column;gap:5px;padding:14px 16px;font-size:13.5px;line-height:1.45;text-decoration:none;transition:border-color .18s ease-out;display:flex}.demo-note:hover{border-color:var(--settled)}.plan-receipt{text-decoration:none;transition:color .18s ease-out}.plan-receipt:hover{color:var(--ink)}.segmented{background:var(--surface-2);border:1px solid var(--rule);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segment{min-height:44px;font-family:var(--f-body);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;font-size:14.5px;font-weight:500;position:relative}.segment.on{color:var(--ink)}.segment:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.segment-pill{background:#fff;border-radius:10px;position:absolute;inset:0;box-shadow:0 1px 2px #1b243014,0 4px 12px #1b24300f}.segment-text{position:relative}.fx-estimate{font-family:var(--f-mono);color:var(--settled-strong);font-size:12.5px}.head-mark{width:30px;height:30px;margin-left:auto}.busy{align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn[aria-busy=true]{cursor:progress}.btn:disabled:not([aria-busy=true]){opacity:.45;cursor:not-allowed;box-shadow:none}.settle-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.settle-line{color:var(--ink);align-items:center;gap:10px;min-height:24px;font-size:13.5px;display:flex}.settle-line .money{font-size:13px}.settle-sub{font-family:var(--f-mono);color:var(--muted);margin-top:-6px;font-size:11px}.settle-link{color:var(--settled-strong);border-top:1px solid var(--rule);min-height:44px;padding-top:6px;text-decoration:none}.settle-link:hover{color:var(--ink)}.settled-banner{background:linear-gradient(180deg, var(--settled), var(--settled-strong));color:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;animation:.52s cubic-bezier(.34,1.3,.64,1) backwards banner-in;display:flex;box-shadow:0 12px 28px #1b805840}.settled-banner>div{flex-direction:column;gap:2px;display:flex}.settled-banner strong{font-family:var(--f-display);font-size:17px;font-weight:600}.settled-banner span{opacity:.88;font-size:13px}.member-money{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.money-usd{font-family:var(--f-mono);color:var(--settled-strong);font-variant-numeric:tabular-nums;font-size:11.5px}.invite-tip{color:var(--muted);font-size:11.5px;line-height:1.45}.join-mark{width:64px;height:64px;margin-bottom:4px}.draw-check{stroke-dasharray:24;stroke-dashoffset:0;animation:draw-check .48s var(--ease-out) 80ms backwards}@keyframes draw-check{0%{stroke-dashoffset:24px}}.settle-line .money{white-space:nowrap}@keyframes banner-in{0%{opacity:.4;transform:scale(.94)}}.rise{animation:rise .36s var(--ease-out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width:480px){.lp-cta .btn{width:100%}}.join-trip{text-align:center;flex-direction:column;flex-grow:1;align-items:center;gap:14px;padding:18px 0 22px;display:flex}.join-avatars{gap:6px;display:flex}.join-summary-item small{color:var(--muted);font-size:11px}.join-list{counter-reset:step;text-align:left;flex-direction:column;gap:12px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.join-list li{counter-increment:step;color:var(--muted);padding-left:38px;font-size:14px;line-height:1.5;position:relative}.join-list li:before{content:counter(step);width:26px;height:26px;font-family:var(--f-mono);background:var(--ink);color:var(--bg);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:0}.join-list strong{color:var(--ink);font-weight:600}.join-alt{text-align:center;color:var(--settled-strong);text-underline-offset:3px;place-items:center;min-height:44px;font-size:13.5px;display:grid}.logo-mask{background-color:var(--ink);-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;flex-shrink:0;display:inline-block}.logo-mark{--logo:url(/brand/mark.svg)}.logo-word{--logo:url(/brand/wordmark.svg)}.logo3d{aspect-ratio:1;touch-action:pan-y;width:100%;position:relative}.logo3d-flat,.logo3d-canvas{width:100%;height:100%;position:absolute;inset:0}.logo3d-flat{object-fit:contain;transition:opacity .4s var(--ease-out);padding:7%}.logo3d-canvas{opacity:0;transition:opacity .5s var(--ease-out);display:block}.logo3d.is-ready .logo3d-canvas{opacity:1}.logo3d.is-ready .logo3d-flat{opacity:0}:root[data-theme=dark] .logo3d-flat{filter:invert(.92)hue-rotate(180deg)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1319;--surface:#181f29f0;--surface-2:#1c2531;--surface-3:#26313f;--ink:#e9eef3;--muted:#9ba7b5;--rule:#2b3645;--settled:#34b27e;--settled-strong:#62d6a4;--owed:#f1907e;--rail:#e2b95a;--shadow-soft:0 18px 42px #00000073;--shadow-card:0 10px 24px #00000059;--ring:#62d6a440}:root[data-theme=dark] body{background:radial-gradient(circle at top,#34b27e14,#0000 40%),linear-gradient(#0e1319 0%,#0b1015 100%)}:root[data-theme=dark] .phone{border-color:var(--rule);background:linear-gradient(#131a23,#10161e)}:root[data-theme=dark] .screen-head{border-bottom-color:var(--rule);background:0 0}:root[data-theme=dark] .card,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .note-card,:root[data-theme=dark] .receipt{background:var(--surface);border-color:var(--rule)}:root[data-theme=dark] .foot{border-top-color:var(--rule);background:0 0}:root[data-theme=dark] .avatar{background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border-color:var(--rule);box-shadow:none}:root[data-theme=dark] .avatar.you,:root[data-theme=dark] .btn-dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}:root[data-theme=dark] .btn-settle{color:#07130d}:root[data-theme=dark] .btn{box-shadow:0 10px 18px #0000004d}:root[data-theme=dark] .segment-pill{background:var(--surface-3);box-shadow:none}:root[data-theme=dark] .settled-banner{color:#07130d;box-shadow:0 12px 28px #34b27e2e}:root[data-theme=dark] .phone.done{background:#0f4a33}:root[data-theme=dark] .invite-qr img{border-radius:6px}:root[data-theme=dark] .lp-step-icon,:root[data-theme=dark] .join-list li:before{background:var(--ink);color:var(--bg)}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .language-toggle{box-shadow:0 2px 10px #0006}:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .group-qr,:root[data-theme=dark] .group-preview,:root[data-theme=dark] .group-preview-grid>div,:root[data-theme=dark] .join-summary-item,:root[data-theme=dark] .join-step,:root[data-theme=dark] .selfie-frame{background:var(--surface);border-color:var(--rule);box-shadow:none}:root[data-theme=dark] .participant-panel-head{background:#ffffff08}
