@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:.5rem}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%}*{box-sizing:border-box;border-color:hsl(var(--border));margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-inter), "Inter", sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;min-height:100vh;padding:max(2rem, env(safe-area-inset-top)) max(2rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(2rem, env(safe-area-inset-left));background-image:radial-gradient(hsl(var(--foreground) / .1) 1px, transparent 1px);background-size:24px 24px;line-height:1.5;transition:background-color .3s,color .3s}.container{width:100%;max-width:1000px;margin:0 auto;position:relative}.theme-toggle{background-color:hsl(var(--card));border:1px solid hsl(var(--border));width:3rem;height:3rem;color:hsl(var(--foreground));cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 2px 5px #0000001a}.theme-toggle:hover{background-color:hsl(var(--accent));transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.header{text-align:center;margin-bottom:3rem;padding:2rem 1rem}.header h1{letter-spacing:-.025em;color:hsl(var(--foreground));margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.brand{justify-content:center;align-items:center;gap:.75rem;display:flex}.brand-logo,.back-logo{width:auto;image-rendering:pixelated}.brand-logo{height:3.25rem}.back-logo{height:1.5rem;margin-right:.375rem}.header p{color:hsl(var(--muted-foreground));font-size:1.125rem}.account-bar{color:hsl(var(--muted-foreground));justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.875rem;display:flex}.room-list .user-item{gap:.75rem;padding:0}.room-link{min-width:0;color:inherit;flex:1;align-items:center;gap:.5rem;padding:.875rem 0;text-decoration:none;display:flex}.room-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-link:hover strong{text-decoration:underline}.room-badge{border:1px solid hsl(var(--border));background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));white-space:nowrap;border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.muted-badge{color:hsl(var(--muted-foreground));background-color:#0000}.back-link{color:hsl(var(--muted-foreground));align-items:center;margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:hsl(var(--foreground))}.room-header{margin-bottom:2rem}.room-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.rename-title{max-width:420px;margin:0 auto}.rename-title input[type=text]{height:2.5rem;font-size:1rem}.invite-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.invite-link{border-radius:var(--radius);border:1px dashed hsl(var(--border));background-color:hsl(var(--muted));color:hsl(var(--foreground));word-break:break-all;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.invite-bar .secondary-btn{white-space:nowrap;width:auto;height:2.25rem}.code-input{letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.invite-code{letter-spacing:.1em;color:hsl(var(--foreground));font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.join-blurb{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;font-size:.9375rem}.block-link{text-decoration:none;display:block}.user-item.editing{display:block}.rename-row{align-items:center;gap:.5rem;display:flex}.rename-row input[type=text]{flex:1;min-width:0;height:2rem}.inline-btn{flex-shrink:0;width:auto;height:2rem;padding:0 .75rem;font-size:.75rem}.row-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.add-person-form{border-top:1px solid hsl(var(--border));margin-top:1.5rem;padding-top:1.5rem}.main-content{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));align-items:start;gap:1.5rem;display:grid}.section{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:var(--radius);border:1px solid hsl(var(--border));flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 1px 2px #0000000d}.auth-shell{max-width:420px;margin:0 auto}.user-list{max-height:261px;padding-right:.5rem;overflow-y:auto}.user-list::-webkit-scrollbar{width:6px}.user-list::-webkit-scrollbar-track{background:0 0}.user-list::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:20px}.payment-history-section{grid-column:1/-1}.payment-history-section .payment-list{max-height:600px;padding-right:.5rem;overflow-y:auto}.payment-history-section .payment-list::-webkit-scrollbar{width:6px}.payment-history-section .payment-list::-webkit-scrollbar-track{background:0 0}.payment-history-section .payment-list::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:20px}.section h2{letter-spacing:-.025em;border-bottom:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0;font-size:1.5rem;font-weight:600;display:flex}.form-group{margin-bottom:1.25rem}label{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.inline-label{margin-bottom:0;margin-left:5px;display:inline}.radio-row{align-items:center;margin-top:.5rem;display:flex}input[type=text],input[type=number],input[type=email],input[type=password],select{border-radius:var(--radius);border:1px solid hsl(var(--input));width:100%;height:2.5rem;color:hsl(var(--foreground));background-color:#0000;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:box-shadow .15s ease-in-out}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--border) / .3);outline:none}.form-error,.form-message,.form-hint{margin-bottom:.75rem;font-size:.8125rem}.form-error{color:hsl(var(--destructive))}.form-message{color:#10b981}.form-hint{color:hsl(var(--muted-foreground));text-align:center;margin-top:.75rem;margin-bottom:0}.form-hint.left{text-align:left;margin-top:.5rem}button{white-space:nowrap;border-radius:var(--radius);cursor:pointer;background-color:hsl(var(--primary));width:100%;height:2.5rem;color:hsl(var(--primary-foreground));border:none;justify-content:center;align-items:center;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:active{transform:none}.secondary-btn{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.account-bar .secondary-btn{width:auto;height:2rem;padding:0 .75rem;font-size:.75rem}.auth-buttons{flex-direction:column;gap:.75rem;display:flex}.remove-btn{color:hsl(var(--destructive));border:1px solid hsl(var(--destructive) / .5);background-color:#0000;width:auto;height:2rem;padding:0 .75rem;font-size:.75rem}.remove-btn:hover{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));opacity:1}.user-list,.payment-list{margin-top:1.5rem;list-style:none}.user-item,.payment-item{border-bottom:1px solid hsl(var(--border));background-color:#0000;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.user-item:last-child,.payment-item:last-child{border-bottom:none}.payment-item{padding:1rem 0}.checkbox-group{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.checkbox-item{border-radius:var(--radius);border:1px solid hsl(var(--border));cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;padding:.5rem;display:flex}.checkbox-item:hover{background-color:hsl(var(--accent))}input[type=radio],input[type=checkbox]{accent-color:hsl(var(--primary));width:1rem;height:1rem;margin:0}.balance-section{background-color:hsl(var(--accent) / .2);border:1px solid hsl(var(--border));grid-column:1/-1}.balance-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.balance-card{background-color:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));padding:1.5rem}.balance-card h3{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:500}.debt-item{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.875rem;display:flex}.debt-item:last-child{border-bottom:none}.amount-positive{color:#10b981;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.payment-details{color:hsl(var(--muted-foreground));margin-top:.25rem;font-size:.8125rem}.empty-state{text-align:center;color:hsl(var(--muted-foreground));padding:2rem;font-size:.875rem;font-style:normal;list-style:none}@media (max-width:768px){body{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.main-content,.balance-grid{grid-template-columns:1fr}input[type=text],input[type=number],input[type=email],input[type=password],select{font-size:16px}.theme-toggle{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem}.header{margin-bottom:2rem;padding:1rem 3rem 0}.header h1{font-size:1.75rem}.header p{font-size:1rem}.brand-logo{height:2.5rem}.section{padding:1.25rem}.section h2{margin-bottom:1rem;font-size:1.25rem}.balance-card{padding:1rem}.user-item,.payment-item,.debt-item,.invite-bar,.account-bar,.rename-row{flex-wrap:wrap;gap:.5rem}.debt-item span:last-child{margin-left:auto}.invite-bar .secondary-btn,.invite-link{width:100%}.invite-link{text-align:center}.room-list .user-item{flex-direction:column;align-items:stretch}.room-list .row-actions{justify-content:flex-end;padding-bottom:.75rem}.room-link{padding-bottom:0}.rename-row input[type=text]{flex-basis:100%}.room-title{font-size:1.5rem}}@media (max-width:420px){.checkbox-group{grid-template-columns:1fr}.user-item,.payment-item{flex-direction:column;align-items:stretch}.row-actions{justify-content:flex-end}.remove-btn,.inline-btn{height:2.25rem}}
