@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground: #ffffff;--wash: #f0f4f2;--ink: #12322a;--muted: #5a6c65;--rule: #dbe3df;--rule-strong: #b9c7c1;--green: #0b7a55;--green-ink: #ffffff;--green-wash: #e2f2ea;--red: #c23b22;--red-wash: #fbe9e4;--marker: #ffe36e;--marker-ink: #12322a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--gutter: 20px;--font: "Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ground: #0e1a16;--wash: #16261f;--ink: #e4eee9;--muted: #95a8a0;--rule: #22362e;--rule-strong: #34504a;--green: #3fcb97;--green-ink: #062419;--green-wash: #143428;--red: #ff7a62;--red-wash: #3a1d17;--marker: rgb(245 213 71 / 28%);--marker-ink: #fff3b8;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3{margin:0;line-height:1.2;font-weight:700}p{margin:0}a{color:var(--green)}button,input,select{font:inherit;color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.page{max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + 4px) var(--gutter) calc(var(--safe-bottom) + 40px);min-height:100dvh}.page.has-fab{padding-bottom:calc(var(--safe-bottom) + 112px)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:4px;min-height:60px;margin:calc(-4px - var(--safe-top)) calc(-1 * var(--gutter)) 0;padding:calc(var(--safe-top) + 6px) 8px 6px;background:var(--ground);border-bottom:1px solid transparent}.topbar-title{flex:1;min-width:0;padding:0 4px}.topbar-spacer+.topbar-title{padding-left:calc(var(--gutter) - 8px)}.topbar-title h1{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{font-size:.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spacer{display:none}.topbar-right{display:flex;align-items:center;justify-content:flex-end}.hero{padding:36px 0 8px}.hero-mark{display:flex;align-items:center;gap:12px}.hero-mark img{width:44px;height:44px}.hero h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em}.hero p{margin-top:12px;color:var(--muted);font-size:1.0625rem;max-width:30ch;text-wrap:balance}.intro{color:var(--muted);margin:0 0 4px;max-width:34ch}.lead{color:var(--muted);margin:0 0 20px;max-width:38ch}.footer-note{color:var(--muted);font-size:.875rem;margin:24px 0 0}.page-question{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:20px 0 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:10px;border:1.5px solid var(--rule-strong);background:var(--ground);color:var(--ink);font-weight:650;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background .12s ease}.btn:active:not(:disabled){background:var(--wash)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}.btn.primary:active:not(:disabled){filter:brightness(.92)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--green);padding:0 10px}.btn.danger-ghost{background:transparent;border-color:transparent;color:var(--red)}.btn.small{min-height:38px;padding:0 12px;font-size:.9375rem;border-radius:8px}.btn.block{display:flex;width:100%}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1;min-width:0;padding:0 12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0}.icon-btn:active{background:var(--wash)}.icon-btn.danger{color:var(--red)}.fab{position:fixed;right:max(var(--gutter),calc(50vw - 280px + var(--gutter)));bottom:calc(var(--safe-bottom) + 20px);z-index:20;display:flex;align-items:center;gap:8px;height:56px;padding:0 22px 0 18px;border-radius:14px;background:var(--green);color:var(--green-ink);font-weight:700;text-decoration:none;box-shadow:0 2px #0000001f,0 8px 24px #0b3c2838}.fab:active{filter:brightness(.92)}.section{margin-top:28px}.section-title{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 4px}.section-title.quiet{font-size:.9375rem;font-weight:600;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:10px}.stack-sm{display:flex;flex-direction:column;gap:8px}.card{background:none}.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.list>li+li{border-top:1px solid var(--rule)}.section>.list:first-child{border-top:0}.row{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:64px;width:100%}.link-row{color:inherit;text-decoration:none;background:none;border:0;text-align:left;cursor:pointer}.link-row:active{background:var(--wash);box-shadow:0 0 0 var(--gutter) var(--wash);clip-path:inset(0 calc(-1 * var(--gutter)))}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:.875rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub.wrap{white-space:normal}.row-end{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right;flex-shrink:0}.row-end small{font-size:.875rem}.row-amount{font-weight:700;white-space:nowrap}.inline-icon{display:inline-block;vertical-align:-2px;margin-left:6px}.row-icon{width:36px;display:inline-flex;justify-content:center;color:var(--muted);flex-shrink:0}.mark{background:var(--marker);color:var(--marker-ink);padding:0 .2em;margin:0 -.05em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.tag{font-size:.8125rem;font-weight:600;color:var(--muted);margin-left:6px}.avatar{--h: 160;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:700;letter-spacing:-.02em;background:hsl(var(--h) 45% 90%);color:hsl(var(--h) 55% 25%)}@media(prefers-color-scheme:dark){.avatar{background:hsl(var(--h) 30% 22%);color:hsl(var(--h) 60% 82%)}}.group-badge{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--green-wash);color:var(--green);font-weight:800;font-size:1.125rem}.money{white-space:nowrap}.pos{color:var(--green)}.neg{color:var(--red)}.zero,.muted{color:var(--muted)}.small{font-size:.875rem}.statement{padding:20px 0 4px}.statement-lead{font-size:1.0625rem;font-weight:600;color:var(--muted)}.statement-amount{display:block;font-size:2.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:2px}.statement-amount.zero{color:var(--ink)}.statement-detail{margin-top:8px;color:var(--muted);font-size:.9375rem}.statement-detail strong{color:var(--ink);font-weight:650}.balance-row{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;padding:12px 0}.balance-row .avatar{grid-row:1}.balance-name{min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance-row .row-amount{text-align:right}.balance-bar{grid-column:2 / 4;position:relative;height:8px}.balance-bar:before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--rule-strong)}.balance-bar span{position:absolute;top:0;height:100%;min-width:2px}.balance-bar .bar-pos{left:50%;background:var(--green);border-radius:0 3px 3px 0}.balance-bar .bar-neg{right:50%;background:var(--red);border-radius:3px 0 0 3px}.settle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0}.settle-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.text-link{padding:0;border:0;background:none;color:var(--green);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.activity .row{align-items:flex-start}.activity .avatar{margin-top:1px}.activity-text{color:inherit;text-decoration:none}a.activity-text{text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:3px}.tabs{display:flex;gap:24px;margin:4px 0 0;border-bottom:1px solid var(--rule)}.tabs a{position:relative;padding:10px 0 12px;text-decoration:none;color:var(--muted);font-weight:650}.tabs a.active{color:var(--ink)}.tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ink)}.segmented{display:flex;border:1.5px solid var(--rule-strong);border-radius:10px;overflow:hidden}.segmented button{flex:1;border:0;background:transparent;padding:8px 6px;font-size:.9375rem;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.segmented button+button{border-left:1.5px solid var(--rule-strong)}.segmented button.active{background:var(--ink);color:var(--ground)}.form{display:flex;flex-direction:column;gap:18px}.form>.card.form+.card.form{padding-top:22px;border-top:1px solid var(--rule)}.card.form{padding:0}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.field>span:first-child,.field-label{font-size:.9375rem;font-weight:650;color:var(--ink)}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}input,select{width:100%;min-height:48px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--rule-strong);background:var(--ground);outline:none;transition:border-color .12s,box-shadow .12s}select{padding-right:8px;text-overflow:ellipsis}input::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-wash)}input[aria-invalid=true]{border-color:var(--red)}input[type=checkbox]{width:22px;height:22px;min-height:0;padding:0;accent-color:var(--green);margin:0;flex-shrink:0}.amount-input{font-size:2rem;font-weight:800;letter-spacing:-.02em;min-height:60px}.code-input{font-size:1.5rem;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase}.input-row{display:flex;gap:8px;align-items:center}.input-row input{flex:1;min-width:0}.input-row .btn{flex-shrink:0}.error-text{color:var(--red);background:var(--red-wash);padding:10px 12px;border-radius:8px;font-size:.9375rem}.help{color:var(--muted);font-size:.875rem;font-weight:400}.section-form{margin-top:16px}.align-start{align-self:flex-start}.dialog-input{margin-top:4px}.split-head{display:flex;flex-direction:column;gap:10px}.split-head-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:38px}.split-head-top .btn.ghost{margin-right:-10px}.split-list{list-style:none;margin:0;padding:0}.split-row{display:grid;grid-template-columns:minmax(0,1fr) auto 84px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--rule);min-height:56px}.split-row.equal{grid-template-columns:minmax(0,1fr) 84px}.split-row.off .split-check>span:last-child{color:var(--muted)}.split-check{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.split-check>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-input{display:flex;align-items:center;gap:6px}.split-input input{width:72px;min-height:40px;padding:6px 8px;text-align:right}.split-input .unit{font-size:.8125rem;color:var(--muted);width:32px}.split-amount{text-align:right;white-space:nowrap;font-weight:650;font-size:.9375rem}.split-row.off .split-amount{color:var(--muted);font-weight:400}.hint{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;color:var(--muted);font-size:.875rem}.hint svg{flex-shrink:0;margin-top:2px}.split-remaining{font-weight:650;font-size:.9375rem;text-align:right}.receipt-preview{display:flex;align-items:center;gap:12px}.receipt-preview img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--rule)}.receipt-full{display:block;overflow:hidden;border-radius:10px;border:1px solid var(--rule)}.receipt-full img{width:100%;max-height:70vh;object-fit:contain;background:var(--wash)}.detail-head{padding:16px 0 4px}.detail-amount{display:block;font-size:2.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.05}.detail-head p{margin-top:8px;color:var(--muted)}.detail-actions{display:flex;gap:8px;margin-top:28px}.detail-actions .btn{flex:1}.invite-box{display:flex;flex-direction:column;gap:12px}.invite-code{font-size:2rem;font-weight:800;letter-spacing:.08em;padding:4px 0;user-select:all}.invite-code span{margin-left:.35em}.switch{position:relative;width:50px;height:30px;border-radius:99px;border:0;background:var(--rule-strong);cursor:pointer;flex-shrink:0;transition:background .15s}.switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch.on{background:var(--green)}.switch.on span{transform:translate(20px)}.switch:disabled{opacity:.6}.center-state{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:40px 0}.center-state[role=status]{align-items:center}.empty{padding:28px 0 8px}.empty h3{font-size:1.125rem;margin-bottom:4px}.empty .muted{max-width:34ch}.spinner{width:26px;height:26px;border:3px solid var(--rule);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spinner.small{width:18px;height:18px;border-width:2px;border-color:currentColor;border-top-color:transparent;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom) + 92px);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 var(--gutter)}.toast{pointer-events:auto;max-width:520px;padding:12px 16px;border-radius:10px;background:var(--ink);color:var(--ground);font-size:.9375rem;font-weight:500;animation:toast-in .18s ease-out}.toast.error{background:var(--red);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.dialog{border:0;padding:0;border-radius:16px;background:var(--ground);color:var(--ink);width:min(420px,calc(100vw - 2 * var(--gutter)));box-shadow:0 24px 64px #00000047}.dialog::backdrop{background:#0814107f}.dialog-body{padding:22px 20px 16px;display:flex;flex-direction:column;gap:12px}.dialog-body h2{font-size:1.25rem;font-weight:750}.dialog-text{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:370px){:root{--gutter: 16px}.statement-amount,.detail-amount{font-size:2.25rem}.split-input input{width:60px}.split-row{grid-template-columns:minmax(0,1fr) auto 72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
