:root{color-scheme:light;--page:#eef2f7;--card:#fff;--ink:#0b111c;--muted:#42506a;--faint:#68758c;--line:rgba(17,23,30,.13);--teal:#1fb5ac;--blue:#3b82f6;--violet:#7c5cf0;--deep:#5a32c4;--out:#d01a50;--in:#0a8e82;--shadow:0 22px 54px rgba(40,52,75,.11);--display:"Manrope",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;--body:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.45 var(--body);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.topbar{height:74px;padding:0 clamp(20px,4vw,52px);display:flex;align-items:center;justify-content:space-between;background:rgba(238,242,247,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:700 22px/1 var(--display)}.brand img{border-radius:13px;box-shadow:0 10px 22px rgba(90,50,196,.2)}.account-chip{max-width:46vw;padding:9px 13px;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:999px;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry{width:min(1160px,calc(100% - 48px));min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(42px,7vh,78px) 0 68px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(54px,7vw,94px);align-items:center}.welcome-panel{position:relative}.welcome-mark{width:84px;height:84px;position:relative;display:grid;place-items:center;margin-bottom:32px}.welcome-mark img{width:64px;height:64px;border-radius:19px;box-shadow:0 18px 38px rgba(90,50,196,.24);position:relative;z-index:2}.welcome-orbit{position:absolute;inset:0;border:1px solid rgba(124,92,240,.26);border-radius:50%;animation:drift 7s ease-in-out infinite}.orbit-one:after,.orbit-two:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(31,181,172,.11);top:5px;left:13px}.orbit-two{inset:-13px;animation-delay:-3.5s;transform:rotate(135deg)}.orbit-two:after{background:var(--violet);box-shadow:0 0 0 6px rgba(124,92,240,.1)}@keyframes drift{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(18deg) scale(1.04)}}.entry-copy h1{font:750 clamp(45px,5.3vw,72px)/.98 var(--display);letter-spacing:-.058em;margin:11px 0 22px}.entry-copy h1 span{color:var(--violet)}.entry-copy>p:last-child{max-width:580px;color:var(--muted);font-size:19px;line-height:1.55;margin:0}.eyebrow,.field-label{margin:0;color:var(--violet);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.onboarding-steps{list-style:none;padding:0;margin:34px 0 30px;display:grid;gap:19px}.onboarding-steps li{display:flex;align-items:center;gap:15px}.step-number{flex:0 0 auto;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(124,92,240,.1);border:1px solid rgba(124,92,240,.16);color:var(--violet);font:750 14px var(--display)}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps strong{font:700 16px var(--display)}.onboarding-steps small{color:var(--faint);font-size:14px;margin-top:2px}.welcome-note{display:flex;align-items:center;gap:13px;color:var(--faint);font-size:13px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack i{width:30px;height:30px;margin-left:-8px;border:3px solid var(--page);border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--teal);font:700 11px var(--display);font-style:normal}.avatar-stack i:nth-child(2){background:var(--blue)}.avatar-stack i:nth-child(3){background:var(--violet)}.entry-actions{position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);border-radius:34px;padding:clamp(24px,3vw,38px);box-shadow:0 30px 80px rgba(40,52,75,.13);backdrop-filter:blur(22px)}.entry-actions:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(31,181,172,.13);filter:blur(55px);right:-40px;top:-75px;z-index:-1}.action-heading{margin-bottom:23px}.step-pill{display:inline-flex;color:var(--deep);background:rgba(124,92,240,.1);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.action-heading h2{font:750 clamp(30px,3.4vw,42px)/1.08 var(--display);letter-spacing:-.04em;margin:13px 0 7px}.action-heading p{color:var(--muted);margin:0}.code-card,.auth-card{background:var(--card);border:1px solid rgba(17,23,30,.08);border-radius:21px;padding:20px;text-align:left;box-shadow:0 12px 28px rgba(40,52,75,.07)}.code-card>label,.modal-card label{font-size:14px;font-weight:700;display:grid;gap:7px}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:9px}.code-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:0}.code-help{color:var(--faint);font-size:12px;margin:9px 2px -2px}.choice-divider{height:35px;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px}.choice-divider:before,.choice-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-card{display:block;background:linear-gradient(130deg,#fff 15%,#f5f2ff)}.auth-card h2,.section-heading h2,.panel h2,.modal-card h2{font:750 24px/1.15 var(--display);letter-spacing:-.025em;margin:6px 0}.auth-card p{color:var(--muted);margin:6px 0}.email-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:15px}.email-form input{min-width:0}.privacy-note{font-size:12px!important;margin-top:11px!important;color:var(--faint)!important}.privacy-note span{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;border-radius:50%;background:rgba(31,181,172,.13);color:var(--in);font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 14px;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(124,92,240,.12)}.button{border:0;border-radius:13px;padding:12px 18px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;min-height:46px}.primary{color:white;background:linear-gradient(120deg,var(--violet),var(--deep));box-shadow:0 10px 24px -13px rgba(90,50,196,.8)}.secondary{background:#fff;border:1px solid var(--line)}.quiet{background:transparent;border:1px solid var(--line)}.danger{background:#fff0f3;color:var(--out);border:1px solid rgba(208,26,80,.2)}.wide{width:100%}.form-note{min-height:20px;margin:10px 2px 0;color:var(--muted);font-size:13px}.error{color:var(--out)}.loading{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid rgba(124,92,240,.18);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{display:grid;grid-template-columns:250px minmax(420px,1fr) 320px;gap:24px;width:min(1500px,calc(100% - 48px));margin:28px auto 70px;align-items:start}.rail,.details{position:sticky;top:102px}.back-button{border:0;background:transparent;color:var(--faint);padding:0;margin-bottom:28px}.group-title{padding:0 4px 24px;border-bottom:1px solid var(--line)}.group-title h1,.mobile-group-head h1{font:750 34px/1.05 var(--display);letter-spacing:-.04em;margin:7px 0}.group-title>p:last-child{margin:9px 0 0;color:var(--muted)}.identity-card{margin:18px 0;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(31,181,172,.11),rgba(124,92,240,.11));border:1px solid rgba(124,92,240,.13)}.identity-card strong{display:block;font:700 17px var(--display)}.identity-card p{color:var(--muted);font-size:13px;margin:5px 0 12px}.rail-nav{display:grid;gap:5px}.rail-nav button{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:11px;color:var(--muted);font-weight:650}.rail-nav button.active,.rail-nav button:hover{color:var(--ink);background:rgba(255,255,255,.75)}.content{min-width:0}.mobile-group-head{display:none}.panel,.expense-item{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(40,52,75,.07);border-radius:22px}.standing{min-height:150px;padding:25px 27px;display:flex;justify-content:space-between;gap:20px;align-items:end;background:linear-gradient(135deg,#fff 35%,#f0edff)}.balance{font:750 clamp(31px,4.2vw,48px)/1.05 var(--display);letter-spacing:-.045em;margin:7px 0 0}.currency-tabs{display:flex;gap:6px;flex-wrap:wrap}.currency-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.currency-tab.active{color:#fff;background:var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 2px 14px}.section-heading h2{font-size:28px}.action-row{display:flex;gap:8px}.expense-list{display:grid;gap:10px}.expense-item{padding:17px 18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;cursor:pointer;text-align:left;width:100%;color:inherit}.expense-item:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(40,52,75,.1)}.expense-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));font:800 18px var(--display)}.expense-main strong,.expense-amount{font:700 16px var(--display)}.expense-main p{margin:3px 0 0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-amount{text-align:right}.expense-amount small{display:block;color:var(--faint);font:500 12px var(--body);margin-top:4px}.empty{color:var(--faint);font-size:14px}.empty-card{padding:32px;text-align:center;background:rgba(255,255,255,.6);border:1px dashed var(--line);border-radius:20px}.details{display:grid;gap:14px}.details .panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title span{color:var(--faint);font-size:13px}.people-list{display:grid;gap:12px;margin-top:14px}.person-row{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--violet);font-weight:750}.person-row div{min-width:0}.person-row strong{display:block;font-size:14px}.person-row span{display:block;color:var(--faint);font-size:12px}.explanation-panel h2{font-size:18px;margin-bottom:10px}.explanation-line{padding:12px 0;border-top:1px solid var(--line)}.explanation-line:first-of-type{border-top:0}.explanation-line>div{display:flex;justify-content:space-between;gap:12px}.explanation-line strong{font-size:14px}.explanation-line span{font:700 13px var(--display)}.explanation-line p{color:var(--faint);font-size:12px;margin:4px 0}.positive{color:var(--in)}.negative{color:var(--out)}.modal{border:0;background:transparent;padding:18px;max-width:none;width:100%;height:100%}.modal::backdrop{background:rgba(9,16,31,.55);backdrop-filter:blur(8px)}.modal-card{position:relative;background:var(--card);width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;margin:auto;border-radius:26px;padding:28px;box-shadow:0 30px 90px rgba(9,16,31,.25)}.modal-card.compact{width:min(480px,100%)}.modal-card>p{color:var(--muted)}.close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:var(--page);font-size:24px;line-height:1}.candidate-list{display:grid;gap:8px;margin:20px 0}.candidate{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.candidate:hover{border-color:var(--violet)}.candidate small{color:var(--faint)}.new-person{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:22px}.between{justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.span-2{grid-column:1/-1}.expense-form label span{color:var(--faint);font-weight:400}.expense-form fieldset{border:0;padding:0;margin:0}.expense-form legend{font-size:14px;font-weight:700;margin-bottom:8px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-weight:600!important}.check input{width:auto}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.dashboard{grid-template-columns:220px minmax(420px,1fr)}.details{position:static;grid-column:2}.details{grid-template-columns:1fr 1fr}.rail{top:96px}}
@media(max-width:980px){.entry{width:min(720px,calc(100% - 40px));grid-template-columns:1fr;gap:42px;padding-top:48px}.welcome-panel{display:grid;grid-template-columns:auto 1fr;column-gap:28px}.welcome-mark{grid-row:1/3}.onboarding-steps,.welcome-note{grid-column:1/-1}.entry-copy h1{font-size:clamp(46px,8vw,66px)}}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.entry{width:min(100% - 28px,620px);min-height:0;margin:0 auto;padding:34px 0 54px;gap:34px}.welcome-panel{display:block}.welcome-mark{width:67px;height:67px;margin:0 0 27px}.welcome-mark img{width:52px;height:52px;border-radius:16px}.orbit-two{inset:-9px}.entry-copy h1{font-size:clamp(40px,12vw,52px)}.entry-copy>p:last-child{font-size:17px}.onboarding-steps{margin:28px 0 25px;gap:17px}.onboarding-steps small{font-size:13px}.welcome-note{align-items:flex-start}.entry-actions{padding:21px;border-radius:26px}.action-heading h2{font-size:32px}.code-card,.auth-card{border-radius:18px;padding:17px}.code-row,.email-form{grid-template-columns:1fr}.code-row .button,.email-form .button{width:100%}.dashboard{display:block;width:min(100% - 24px,680px);margin:16px auto 90px}.rail{position:static}.rail .group-title,.rail-nav{display:none}.back-button{margin:4px 4px 16px}.identity-card{margin:0 0 14px}.mobile-group-head{display:block;margin:8px 4px 16px}.standing{min-height:132px;padding:20px;display:block}.currency-tabs{margin-top:17px}.section-heading{align-items:flex-start}.action-row{position:fixed;z-index:18;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:8px;border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 45px rgba(9,16,31,.18)}.action-row .button{flex:1}.details{display:grid;grid-template-columns:1fr;margin-top:14px}.expense-item{grid-template-columns:42px minmax(0,1fr) auto;padding:14px 13px}.expense-icon{width:42px;height:42px}.modal{padding:10px}.modal-card{padding:24px 18px;border-radius:22px;max-height:calc(100vh - 20px)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.checks{grid-template-columns:1fr 1fr}.dialog-actions .button{flex:1}.account-chip{max-width:55vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.welcome-orbit,.spinner{animation:none}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page:#09101f;--card:#19273b;--ink:#f4f7fb;--muted:#b4c0d2;--faint:#8d99ac;--line:rgba(255,255,255,.13);--shadow:0 22px 58px rgba(0,0,0,.3)}.topbar{background:rgba(9,16,31,.86)}.entry-actions{background:rgba(15,27,45,.78);border-color:rgba(255,255,255,.07)}.account-chip,.code-card,.modal-card,input,select,textarea,.secondary,.currency-tab,.candidate{background:#19273b}.code-card{border-color:rgba(255,255,255,.08)}.auth-card,.standing{background:linear-gradient(135deg,#19273b 25%,#16213c)}.avatar-stack i{border-color:var(--page)}.panel,.expense-item{background:rgba(25,39,59,.9);border-color:rgba(255,255,255,.08)}.rail-nav button.active,.rail-nav button:hover{background:rgba(255,255,255,.08)}.identity-card{background:linear-gradient(135deg,rgba(31,181,172,.12),rgba(124,92,240,.15))}.danger{background:rgba(208,26,80,.13)}.action-row{background:rgba(25,39,59,.92)}}
body.is-entry{--page:#051529;--card:rgba(7,25,45,.76);--ink:#f6f8ff;--muted:#c0cadc;--faint:#9cabc3;--line:rgba(222,231,255,.18);--shadow:0 30px 90px rgba(0,0,0,.36);background:linear-gradient(90deg,rgba(2,12,27,.94),rgba(3,15,31,.68)),url('/assets/themes/opera-harbour.jpg') center 39%/cover fixed no-repeat}.is-entry .topbar{background:rgba(3,12,27,.73);border-color:rgba(220,230,255,.12)}.is-entry .account-chip{background:rgba(8,26,48,.72)}.is-entry .welcome-panel{text-shadow:0 2px 24px rgba(0,0,0,.45)}.is-entry .entry-copy h1 span{color:#af91ff}.is-entry .entry-actions{background:rgba(5,21,41,.72);border-color:rgba(221,231,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.3)}.is-entry .code-card{background:rgba(6,24,45,.79);border-color:rgba(221,231,255,.12)}.is-entry .auth-card{background:linear-gradient(130deg,rgba(10,29,52,.91),rgba(23,27,67,.84))}.is-entry input{background:rgba(4,19,37,.68)}.is-entry .avatar-stack i{border-color:#06172b}