@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,700&display=swap";html,body{min-height:100%}:root{color:#252037;font-synthesis:none;--ink:#252037;--muted:#736e7f;--violet:#6638f0;--cream:#fffdf8;--coral:#ff6b6b;background:#f7f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ffb84c}.logo-mark{color:var(--ink);align-items:center;gap:10px;font-size:20px;display:flex}.logo-mark span{color:#fff;background:var(--violet);border-radius:13px 13px 8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;transform:rotate(-4deg);box-shadow:0 5px #4320b6}.logo-mark strong{letter-spacing:-.6px}.eyebrow{color:var(--violet);text-transform:uppercase;letter-spacing:1.4px;margin:0 0 7px;font-size:12px;font-weight:800}.welcome{background:radial-gradient(circle at 15% 15%,#fff1c6 0 8%,#0000 26%),radial-gradient(circle at 88% 70%,#e5ddff 0 9%,#0000 28%),#f7f4ef;min-height:100vh;padding:28px 5vw;position:relative;overflow:hidden}.welcome-nav{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.welcome-nav a{color:var(--ink);font-weight:700;text-decoration:none}.welcome-card{text-align:center;z-index:1;max-width:650px;margin:8vh auto 4vh;position:relative}.mini-stack{justify-content:center;margin-bottom:22px;display:flex}.mini-stack span{background:#fff;border:4px solid #f7f4ef;border-radius:50%;place-items:center;width:52px;height:52px;margin-left:-8px;font-size:25px;display:grid;box-shadow:0 5px 15px #3b23501c}.welcome h1{letter-spacing:-4px;margin:8px 0 24px;font-size:clamp(46px,8vw,82px);line-height:.95}.welcome h1 em{color:var(--violet);font-family:Fraunces,serif;font-weight:700}.lede{max-width:560px;color:var(--muted);margin:0 auto 30px;font-size:19px;line-height:1.55}.auth-buttons{gap:12px;max-width:420px;margin:auto;display:grid}.auth{border:0;border-radius:18px;justify-content:center;align-items:center;gap:12px;height:58px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.auth:hover{transform:translateY(-2px);box-shadow:0 10px 25px #32266122}.auth.google{color:var(--ink);background:#fff;border:1px solid #e1ddd7}.auth.apple{color:#fff;background:#252037}.provider{font-size:19px}.demo-link{color:var(--violet);background:0 0;border:0;margin:18px 0;font-weight:800}.welcome-card small{color:#8b8492;display:block}.value-strip{color:#5b5665;flex-wrap:wrap;justify-content:center;gap:30px;margin:6vh auto 0;font-size:13px;font-weight:700;display:flex}.confetti{opacity:.75;font-size:38px;animation:4s ease-in-out infinite float;position:absolute}.confetti-one{color:#ff7068;top:31%;left:9%}.confetti-two{color:#10ab98;top:27%;right:11%}.confetti-three{color:#ffb84c;bottom:18%;right:16%}.app-shell{background:#f7f4ef;grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:#fffdf8;border-right:1px solid #e7e1da;flex-direction:column;padding:30px 22px;display:flex}.side-nav{gap:7px;margin-top:48px;display:grid}.side-nav button,.side-bottom button{color:#746e7d;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-weight:700;display:flex}.side-nav button span{font-size:20px}.side-nav button.active{color:var(--violet);background:#eee9ff}.side-nav button:hover,.side-bottom button:hover{color:var(--ink);background:#f4f0eb}.group-section{gap:8px;margin-top:35px;display:grid}.group-heading{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.group-heading button{color:var(--violet);background:0 0;border:0;font-size:18px}.group-list{gap:7px;display:grid}.group-card{text-align:left;background:#fff;border:2px solid #0000;border-radius:18px;align-items:center;gap:10px;width:100%;margin:0;padding:10px;display:flex}.group-card.selected{background:#f1edff;border-color:#cfc1ff}.group-art{background:#fff1c6;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.group-card div:nth-child(2){flex:1;min-width:0}.group-card strong,.group-card small{font-size:12px;display:block}.group-card small{color:var(--muted);margin-top:2px}.side-bottom{gap:3px;margin-top:auto;display:grid}.dashboard{width:100%;max-width:1500px;margin:auto;padding:34px clamp(24px,5vw,70px) 60px}.dashboard header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard h2{letter-spacing:-1.2px;margin:0;font-size:32px}.wave{transform-origin:100% 100%;animation:2s ease-in-out infinite wave;display:inline-block}.avatar-row{align-items:center;display:flex}.avatar{color:#fff;border:3px solid #f7f4ef;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:-7px;font-size:12px;font-weight:800;display:grid}.avatar.small{border-color:#fff;width:34px;height:34px}.invite{color:var(--ink);background:#fff;border:0;border-radius:12px;margin-left:8px;padding:10px 13px;font-weight:800;box-shadow:0 2px 10px #39295010}.balance-hero{color:#fff;background:#30246a;border-radius:30px;min-height:275px;padding:38px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #30246a2c}.balance-copy{z-index:2;position:relative}.balance-label{color:#cbc2f5;font-size:13px;font-weight:700}.balance-copy>strong{letter-spacing:-3px;margin:9px 0 5px;font-size:54px;line-height:1;display:block}.balance-copy>strong.positive{color:#b9f4dd}.balance-copy>strong.negative{color:#ffb8b8}.balance-copy p{color:#d8d1ef;margin:0 0 25px}.primary{color:#31204e;background:#ffcc61;border:0;border-radius:15px;padding:13px 20px;font-weight:900;transition:transform .15s;box-shadow:0 5px #d79c34}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px #d79c34}.balance-art{width:43%;height:105%;position:absolute;bottom:-12px;right:2%}.sun{color:#ffd665;font-size:52px;animation:14s linear infinite spin;position:absolute;top:10%;right:15%}.hill{filter:drop-shadow(0 10px 8px #1114);font-size:120px;position:absolute;bottom:0;right:2%}.coin{color:#6b4514;background:#ffcc61;border:4px solid #eaa83f;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;animation:3s ease-in-out infinite float;display:grid;position:absolute}.c1{top:35%;left:13%}.c2{animation-delay:-1s;top:52%;right:5%}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);gap:22px;margin-top:24px;display:grid}.expenses-panel,.settle-card{background:#fffdf8;border:1px solid #e9e2da;border-radius:26px;padding:26px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h3,.settle-card h3{margin:0;font-size:20px}.section-title button{color:var(--violet);background:0 0;border:0;font-weight:800}.expense-list{margin-top:16px}.expense{border-top:1px solid #eee8e1;align-items:center;padding:15px 0;animation:.4s both rise;display:flex}.expense-icon{background:#f3eee8;border-radius:14px;place-items:center;width:45px;height:45px;margin-right:13px;font-size:22px;display:grid}.expense-main{flex:1;min-width:0}.expense strong,.expense small{display:block}.expense small{color:var(--muted);margin-top:3px;font-size:12px}.expense-amount{text-align:right}.settle-card{background:#dff7ef}.settle-top{align-items:center;gap:12px;display:flex}.settle-top>span{background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.settle-amount{letter-spacing:-2px;margin:28px 0 3px;font-size:42px;font-weight:900}.settle-card>p{color:#567169;min-height:38px;font-size:13px}.settle-card>button{color:#fff;background:#147d6d;border:0;border-radius:14px;width:100%;margin-top:20px;padding:13px;font-weight:900}.settle-card>button:disabled{opacity:.5;cursor:default}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#211a3c99;place-items:center;padding:18px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:28px;width:min(460px,100%);padding:30px;animation:.25s pop;position:relative;box-shadow:0 30px 80px #17102755}.close{background:#f1ece5;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:15px;right:18px}.modal-icon{margin-bottom:16px;font-size:34px}.modal h2{margin:0 0 25px;font-size:28px}.modal form{gap:18px;display:grid}.modal label{gap:7px;font-size:13px;font-weight:800;display:grid}.modal input{width:100%;color:var(--ink);background:#fff;border:1px solid #ded7ce;border-radius:14px;padding:14px}.amount-input{position:relative}.amount-input span{color:var(--muted);position:absolute;top:13px;left:14px}.amount-input input{padding-left:30px}.split-preview{background:#f4f0eb;border-radius:15px;justify-content:space-between;align-items:center;padding:13px;font-size:13px;font-weight:700;display:flex}.submit{width:100%;padding:15px}.toast{z-index:30;color:#fff;background:#252037;border-radius:15px;padding:13px 20px;font-weight:800;animation:.3s toast;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #211a3c44}@keyframes float{50%{transform:translateY(-10px)rotate(4deg)}}@keyframes wave{20%,60%{transform:rotate(18deg)}40%,80%{transform:rotate(-8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(8px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}}@media (width<=800px){.app-shell{padding-bottom:78px;display:block}aside{z-index:8;border:0;border-top:1px solid #e7e1da;height:70px;padding:9px 18px;display:block;position:fixed;bottom:0;left:0;right:0}.app-shell aside>.logo-mark,.group-section,.group-card,.side-bottom{display:none}.side-nav{justify-content:space-around;margin:0;display:flex}.side-nav button{justify-items:center;gap:0;width:auto;padding:5px 20px;font-size:11px;display:grid}.side-nav button span{font-size:20px}.dashboard{padding:24px 16px}.dashboard header{align-items:flex-start}.dashboard h2{font-size:26px}.dashboard header .avatar-row .avatar{display:none}.balance-hero{min-height:310px;padding:28px 25px}.balance-copy>strong{font-size:47px}.balance-art{opacity:.75;width:60%;right:-13%}.content-grid{grid-template-columns:1fr}.settle-card{order:-1}.welcome{padding:22px 18px}.welcome-nav a{display:none}.welcome-card{margin-top:9vh}.welcome h1{letter-spacing:-2.5px}.confetti{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}