@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--green-900:#123d2b;--green-800:#18563a;--green-700:#18794e;--green-600:#1d8f59;--green-100:#dff3e6;--green-50:#f0f9f3;--cream:#fbfaf5;--warm:#f6f2e9;--ink:#17352a;--muted:#607068;--border:#dce6df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.site-header{z-index:20;background:var(--cream);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--cream) 90%, transparent)}}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #17352a14}.header__inner{justify-content:space-between;align-items:center;gap:2rem;min-height:76px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:780;display:inline-flex}.brand__mark{color:#fff;background:var(--green-700);border-radius:9px 9px 9px 3px;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid}nav{color:#40584e;gap:2rem;font-size:.91rem;font-weight:560;display:flex}nav a,.social-link{transition:color .2s}nav a:hover{color:var(--green-700)}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;min-height:50px;padding:.8rem 1.25rem;font-weight:680;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f2b963}.button--primary{color:var(--white);background:var(--green-700);box-shadow:0 8px 24px #18794e2e}.button--primary:hover{background:var(--green-800)}.button--secondary{background:#fff9;border-color:#cad8cf}.button--secondary:hover{background:#fff}.button--small{min-height:42px;padding:.6rem 1rem;font-size:.9rem}.hero{background:radial-gradient(circle at 83% 28%,#dceddc 0,#0000 28%),linear-gradient(#fbfaf5 0%,#f7f8f1 100%);padding:5.6rem 0 7rem;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #1d8f5926;border-radius:50%;width:23rem;height:23rem;position:absolute;bottom:-11rem;right:-5rem;box-shadow:0 0 0 44px #1d8f5909,0 0 0 88px #1d8f5906}.hero__grid{z-index:1;grid-template-columns:1.02fr .98fr;align-items:center;gap:5rem;display:grid;position:relative}.eyebrow{color:var(--green-700);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.78rem;font-weight:760;display:inline-flex}.eyebrow span{font-size:.6rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.066em;max-width:650px;margin:1.25rem 0 1.4rem;font-size:clamp(3.2rem,6.5vw,5.25rem);line-height:.98}.hero__lead{max-width:600px;color:var(--muted);font-size:1.12rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2.1rem;display:flex}.hero__note{color:#66786e;flex-wrap:wrap;gap:.65rem;margin:1.4rem 0 0;font-size:.82rem;display:flex}.hero__note span:first-child{color:var(--green-700);font-weight:800}.bill-stage{padding:2rem 1rem;position:relative}.bill-card{z-index:2;background:#fffffff5;border:1px solid #18794e1f;border-radius:24px;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:0 30px 70px #22453229}.bill-card__top{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:flex-start;padding:1.4rem 1.5rem;display:flex}.bill-card__top div{flex-direction:column;gap:.25rem;display:flex}.bill-card__label{color:#7a8982;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.bill-card__total{color:var(--green-700);font-weight:780}.bill-card__progress{background:var(--green-50);padding:1.1rem 1.5rem}.bill-card__progress div{justify-content:space-between;margin-bottom:.55rem;font-size:.78rem;display:flex}.bill-card__progress strong{color:var(--green-700)}.progress-track{background:#dce9df;border-radius:99px;height:7px;display:block;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green-600);width:100%;height:100%;display:block}.bill-items{padding:.45rem 1.5rem}.bill-item{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.bill-item>div:first-child{gap:.2rem;display:grid}.bill-item strong{font-size:.84rem}.bill-item span{color:#7a8982;font-size:.75rem}.avatar-stack{flex-direction:row-reverse;justify-content:flex-end;display:flex}.avatar-stack span{width:25px;height:25px;color:var(--green-800);background:#e0efe3;border:2px solid #fff;border-radius:50%;place-items:center;margin-left:-6px;font-size:.62rem;font-weight:750;display:grid}.people-grid{grid-template-columns:1fr 1fr;gap:.7rem;padding:1.15rem 1.5rem 1.5rem;display:grid}.person-total{background:#f8faf8;border-radius:10px;align-items:center;gap:.55rem;padding:.65rem;display:flex}.person-total>span:last-child{display:grid}.person-total small{color:#728078;font-size:.66rem}.person-total strong{font-size:.76rem}.avatar{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.68rem;font-weight:780;display:grid}.avatar--green{color:#17673f;background:#d8efdf}.avatar--orange{color:#995118;background:#fde7cf}.avatar--pink{color:#99455d;background:#f8dce4}.avatar--blue{color:#315f92;background:#dce9f8}.floating-chip{z-index:3;background:#fff;border:1px solid #18794e1f;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.72rem;font-weight:650;display:flex;position:absolute;box-shadow:0 10px 30px #2245321f}.floating-chip>span{color:#fff;background:var(--green-600);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.65rem;display:grid}.floating-chip--top{top:.1rem;right:-1rem}.floating-chip--bottom{bottom:.2rem;left:-1rem}.section{background:var(--cream);padding:7rem 0}.section--warm{background:var(--warm)}.section-heading{text-align:center;max-width:640px;margin:0 auto 3rem}.section-heading--left{text-align:left;margin-left:0}.section-heading h2,.future h2,.closing h2{letter-spacing:-.05em;margin:.9rem 0 1rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.08}.section-heading p,.future p,.closing p{color:var(--muted);font-size:1.02rem;line-height:1.7}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.step-card{background:#ffffffb3;border:1px solid #1e463017;border-radius:17px;min-height:250px;padding:1.6rem;transition:transform .2s,box-shadow .2s;position:relative}.step-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #25453314}.step-card__number{color:#b0bdb5;font-size:.72rem;font-weight:700;position:absolute;top:1.35rem;right:1.35rem}.step-card__icon,.benefit-card__icon{width:44px;height:44px;color:var(--green-700);background:var(--green-100);border-radius:12px;place-items:center;font-weight:800;display:grid}.step-card h3{margin:2.2rem 0 .7rem;font-size:1.04rem}.step-card p,.benefit-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.benefit-card{border:1px solid var(--border);background:#fff;border-radius:16px;gap:1rem;padding:1.5rem;display:flex}.benefit-card__icon{flex:none;width:40px;height:40px;font-size:.75rem}.benefit-card h3{margin:.1rem 0 .45rem;font-size:1rem}.future{color:#fff;background:var(--green-900)}.future__grid{grid-template-columns:1fr 1fr;align-items:center;gap:7rem;display:grid}.eyebrow--light{color:#8ed6a9}.future p{color:#b7cbbf}.development-label{color:#c8dbd0;border:1px solid #ffffff26;border-radius:9px;margin-top:1rem;padding:.55rem .75rem;font-size:.75rem;display:inline-flex}.future ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.future li{color:#e4eee8;background:#ffffff09;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:.9rem;display:flex}.future li span{color:#9bdcb3;background:#75cf971f;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid}.closing{background:var(--warm);padding:7rem 0}.closing__card{text-align:center;background:radial-gradient(circle at 80% 10%,#d5ecd9,#0000 32%),#f9fcf7;border:1px solid #18794e1f;border-radius:24px;padding:5rem 2rem}.closing__card h2{max-width:700px;margin-inline:auto}.closing__card p{max-width:690px;margin:0 auto}.status-badge{color:var(--green-800);background:var(--green-100);border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge span{font-size:.58rem}.footer{color:#d8e5dc;background:#0d2d20}.footer__top,.footer__bottom{justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer__top{padding-block:3rem}.footer .brand{color:#fff}.footer__top p{color:#9db5a6;margin:.7rem 0 0;font-size:.88rem}.socials{gap:.65rem;display:flex}.social-link{color:#9db5a6;border:1px solid #ffffff1f;border-radius:8px;padding:.6rem .8rem;font-size:.78rem}.social-link:hover{color:#fff;border-color:#ffffff4d}.footer__bottom{color:#789687;border-top:1px solid #ffffff17;padding-block:1.2rem;font-size:.7rem}@media (max-width:900px){nav{display:none}.hero{padding-top:4rem}.hero__grid,.future__grid{grid-template-columns:1fr;gap:3rem}.hero__content{max-width:680px}.bill-stage{width:min(100%,570px);margin-inline:auto}.steps-grid,.benefits-grid{grid-template-columns:1fr 1fr}.future__grid{gap:3.5rem}}@media (max-width:600px){.container{width:min(100% - 1.5rem,1120px)}.header__inner{min-height:68px}.header__inner>.button{display:none}h1{font-size:clamp(3rem,15vw,4rem)}.hero{padding:3.6rem 0 5rem}.hero__actions{flex-direction:column}.hero__actions .button{width:100%}.bill-stage{padding-inline:0}.bill-card{transform:none}.floating-chip{display:none}.people-grid{gap:.4rem;padding-inline:1rem}.bill-card__top,.bill-card__progress,.bill-items{padding-inline:1rem}.section,.closing{padding:5rem 0}.steps-grid,.benefits-grid{grid-template-columns:1fr}.step-card{min-height:auto}.future__grid{gap:2.5rem}.closing__card{padding:4rem 1.25rem}.footer__top,.footer__bottom{flex-direction:column;align-items:flex-start}.socials{flex-wrap:wrap}.footer__bottom{gap:.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f2b963}.demo-page{background:#f5f7f2;min-height:100vh}.demo-header{background:#fbfaf5f0;border-bottom:1px solid #17352a17}.demo-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.back-link{min-height:44px;color:var(--green-800);align-items:center;gap:.45rem;font-size:.85rem;font-weight:680;display:inline-flex}.demo-main{padding-block:3.5rem 7rem}.demo-intro{justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:2.3rem;display:flex}.demo-intro>div:first-child{max-width:720px}.local-badge{color:var(--green-800);background:var(--green-100);border-radius:999px;align-items:center;gap:.5rem;padding:.48rem .72rem;font-size:.74rem;font-weight:750;display:inline-flex}.local-badge span{font-size:.55rem}.demo-intro h1{margin:1rem 0 .85rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.demo-intro p{max-width:720px;color:var(--muted);margin:0;line-height:1.65}.storage-status{border:1px solid var(--border);color:#52695d;background:#fff;border-radius:11px;align-items:flex-start;gap:.6rem;max-width:270px;padding:.8rem .9rem;font-size:.72rem;line-height:1.45;display:flex}.storage-status span{color:var(--green-700);font-weight:800}.active-person-banner{background:#eef8f0;border:1px solid #c9dfcf;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.active-person-banner>div{align-items:center;gap:.75rem;display:flex}.active-person-banner>div>span{color:var(--muted);font-size:.72rem;display:grid}.active-person-banner>div strong{color:var(--ink);font-size:.95rem}.active-person-banner>strong{color:var(--green-700);font-size:1.15rem}.demo-layout{grid-template-columns:minmax(205px,.72fr) minmax(390px,1.65fr) minmax(240px,.85fr);align-items:start;gap:1rem;display:grid}.demo-panel,.items-column{border:1px solid var(--border);background:#fff;border-radius:18px}.demo-panel{padding:1.2rem}.items-column{padding:1.35rem}.demo-panel__heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.demo-panel__heading h2,.reconciliation h2,.demo-section-title h2{letter-spacing:-.025em;margin:.25rem 0 0;font-size:1.25rem}.demo-kicker{color:var(--green-700);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:780}.demo-count{color:#687c70;background:#f0f4f0;border-radius:7px;flex:none;padding:.3rem .48rem;font-size:.68rem;font-weight:680}.demo-helper{color:var(--muted);margin:.75rem 0 1rem;font-size:.73rem;line-height:1.45}.participant-list{gap:.45rem;display:grid}.participant-row{border:1px solid #0000;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem;display:flex}.participant-row--active{background:var(--green-50);border-color:#bad9c2}.participant-select{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.65rem;min-width:0;min-height:48px;padding:.35rem;display:flex}.participant-select>span:last-child{min-width:0;display:grid}.participant-select strong{text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.participant-select small{color:#819087;font-size:.64rem}.demo-avatar{border-radius:50%;flex:none;place-items:center;font-weight:780;display:grid}.demo-avatar--medium{width:36px;height:36px;font-size:.72rem}.demo-avatar--small{width:26px;height:26px;font-size:.58rem}.demo-avatar--green{color:#17673f;background:#d8efdf}.demo-avatar--orange{color:#995118;background:#fde7cf}.demo-avatar--pink{color:#99455d;background:#f8dce4}.demo-avatar--blue{color:#315f92;background:#dce9f8}.demo-avatar--purple{color:#694c99;background:#e9dff7}.demo-avatar--yellow{color:#7d6411;background:#f8efc7}.demo-avatar--teal{color:#18706b;background:#d7efed}.demo-avatar--red{color:#99463f;background:#f7dfdc}.icon-button{cursor:pointer;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-button:disabled{cursor:not-allowed;opacity:.35}.icon-button--quiet{color:#8a9991;background:0 0;width:38px;height:38px;font-size:1.2rem}.icon-button--quiet:not(:disabled):hover{color:#9a3d38;background:#faece9}.icon-button--add{color:#fff;background:var(--green-700);font-size:1.25rem}.participant-form{border-top:1px solid #e9efea;margin-top:1.2rem;padding-top:1rem}.participant-form label{margin-bottom:.45rem;font-size:.7rem;font-weight:700;display:block}.participant-form>div{gap:.4rem;display:flex}.participant-form input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fbfcfa;border:1px solid #ccd8d0;border-radius:10px;padding:.65rem .7rem;font-size:.78rem}.participant-form input[aria-invalid=true]{border-color:#b9544c}.form-error,.form-limit{margin:.5rem 0 0;font-size:.67rem;line-height:1.4}.form-error{color:#a33e37}.form-limit{color:var(--muted)}.demo-items{gap:.8rem;margin-top:1rem;display:grid}.demo-item{background:#fcfdfb;border:1px solid #e0e7e1;border-radius:14px;padding:1rem;overflow:hidden;box-shadow:inset 3px 0 #c5d1c9}.demo-item--partial{box-shadow:inset 3px 0 #e0a23c}.demo-item--complete{box-shadow:inset 3px 0 0 var(--green-600)}.demo-item__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.demo-item__top h3{margin:.2rem 0 .25rem;font-size:1rem}.demo-item__top p{color:var(--muted);margin:0;font-size:.72rem}.demo-item__top>strong{color:var(--green-800);white-space:nowrap;font-size:.86rem}.item-mode{color:#7a8b81;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:760}.unit-status{gap:.5rem;margin-top:.8rem;display:flex}.unit-status span{color:#6d7e74;background:#f0f4f0;border-radius:7px;padding:.35rem .5rem;font-size:.65rem}.unit-owners{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.owner-chip{color:#53685c;background:#fff;border:1px solid #e0e8e2;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .45rem .25rem .25rem;font-size:.64rem;display:inline-flex}.empty-allocation{color:#89978f;font-size:.68rem}.quantity-control{border-top:1px solid #e7ede8;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.8rem;padding-top:.75rem;display:flex}.quantity-control>span{color:var(--muted);font-size:.68rem}.quantity-control>div{align-items:center;gap:.35rem;display:flex}.quantity-control button{cursor:pointer;background:#fff;border:1px solid #c9d7ce;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:650;display:grid}.quantity-control button:last-child{color:#fff;border-color:var(--green-700);background:var(--green-700)}.quantity-control button:disabled{cursor:not-allowed;opacity:.3}.quantity-control output{text-align:center;min-width:26px;font-size:.85rem;font-weight:750}.shared-options{border:0;border-top:1px solid #e7ede8;margin:.8rem 0 0;padding:.75rem 0 0}.shared-options legend{color:var(--muted);padding:0;font-size:.68rem;font-weight:680}.shared-options>div{grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.55rem;display:grid}.shared-person{cursor:pointer;background:#fff;border:1px solid #dfe7e1;border-radius:10px;align-items:center;gap:.4rem;min-width:0;min-height:46px;padding:.35rem .5rem;font-size:.68rem;display:flex}.shared-person--selected{background:var(--green-50);border-color:#aaceb3}.shared-person input{width:16px;height:16px;accent-color:var(--green-700);margin:0}.shared-person>span:not(.demo-avatar){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shared-person strong{color:var(--green-700);margin-left:auto;font-size:.62rem}.shared-note{color:#728279;margin:.65rem 0 0;font-size:.64rem;line-height:1.4}.reconciliation{position:sticky;top:1rem}.reconciliation__total{color:#fff;background:var(--green-900);border-radius:12px;gap:.25rem;margin-top:1.15rem;padding:1rem;display:grid}.reconciliation__total span{color:#b4cabd;font-size:.68rem}.reconciliation__total strong{letter-spacing:-.03em;font-size:1.5rem}.reconciliation__numbers{gap:.5rem;margin:.8rem 0;display:grid}.reconciliation__numbers div{justify-content:space-between;gap:.5rem;font-size:.72rem;display:flex}.reconciliation__numbers dt{color:var(--muted)}.reconciliation__numbers dd{margin:0;font-weight:720}.reconciliation__progress{border-top:1px solid #e7ede8;padding:.7rem 0}.reconciliation__progress>div:first-child{justify-content:space-between;margin-bottom:.45rem;font-size:.67rem;display:flex}.demo-progress{background:#e0e8e2;border-radius:99px;height:8px;overflow:hidden}.demo-progress span{border-radius:inherit;background:var(--green-600);height:100%;transition:width .25s;display:block}.reconciliation__status{background:#f6f7f5;border-radius:10px;gap:.55rem;margin-top:.35rem;padding:.75rem;display:flex}.reconciliation--complete .reconciliation__status{color:#17673f;background:#e6f5e9}.reconciliation__status>span{color:#fff;background:var(--green-600);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.65rem;display:grid}.reconciliation__status strong{font-size:.72rem}.reconciliation__status p{color:#668174;margin:.2rem 0 0;font-size:.62rem;line-height:1.4}.reconciliation__status ul{color:#6a7c72;margin:.45rem 0 0;padding-left:1.05rem;font-size:.65rem;line-height:1.6}.reset-button{color:#92453f;cursor:pointer;background:#fff9f8;border:1px solid #d8bebb;border-radius:10px;width:100%;min-height:44px;margin-top:.8rem;font-size:.7rem;font-weight:680}.reset-button:hover{background:#faecea}.participant-summaries{margin-top:4rem}.demo-section-title{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.2rem;display:flex}.demo-section-title p{color:var(--muted);margin:0;font-size:.76rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.person-summary{border:1px solid var(--border);background:#fff;border-radius:15px;padding:1.2rem}.person-summary--active{border-color:#9fc9aa;box-shadow:0 10px 25px #18794e14}.person-summary__heading{align-items:center;gap:.65rem;display:flex}.person-summary__heading h3{margin:0;font-size:.95rem}.person-summary__heading span{color:var(--green-700);font-size:.62rem}.person-summary__lines{gap:.6rem;min-height:58px;margin:1rem 0;display:grid}.person-summary__lines>div{align-items:end;gap:.45rem;font-size:.7rem;display:flex}.person-summary__lines>div>span:first-child{display:grid}.person-summary__lines small{color:#7e8d84;font-size:.61rem}.summary-dots{border-bottom:1px dotted #bdc9c1;flex:1;min-width:15px;transform:translateY(-3px)}.person-summary__lines p{color:#87958c;font-size:.7rem}.person-summary__total{border-top:1px solid #e4ebe6;justify-content:space-between;align-items:center;padding-top:.8rem;font-size:.75rem;display:flex}.person-summary__total strong{color:var(--green-700);font-size:1.05rem}.mobile-active-total{display:none}@media (max-width:1050px){.demo-layout{grid-template-columns:230px minmax(0,1fr)}.reconciliation{grid-column:1/-1;position:static}.reconciliation__numbers{grid-template-columns:1fr 1fr}}@media (max-width:760px){.demo-main{padding-top:2.4rem;padding-bottom:8rem}.demo-intro{flex-direction:column;align-items:flex-start;gap:1rem}.storage-status{max-width:none}.demo-layout{grid-template-columns:1fr}.reconciliation{grid-column:auto}.participants-panel{order:1}.items-column{order:2}.reconciliation{order:3}.summary-grid{grid-template-columns:1fr}.demo-section-title{flex-direction:column;align-items:flex-start;gap:.4rem}}@media (max-width:520px){.demo-header__inner{min-height:64px}.demo-header .brand{font-size:1.05rem}.back-link{font-size:.75rem}.demo-intro h1{font-size:2.65rem}.active-person-banner{z-index:10;position:sticky;top:.5rem}.demo-panel,.items-column{border-radius:14px}.shared-options>div{grid-template-columns:1fr}.unit-status{flex-wrap:wrap}.quantity-control{flex-direction:column;align-items:flex-start}.quantity-control>div{justify-content:flex-end;align-self:stretch}.quantity-control button{width:48px;height:48px}.mobile-active-total{z-index:30;color:#fff;background:var(--green-900);border:1px solid #ffffff29;border-radius:14px;justify-content:space-between;align-items:center;min-height:58px;padding:.75rem 1rem;display:flex;position:fixed;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 12px 35px #123d2b47}.mobile-active-total span{color:#b9cfc2;font-size:.72rem}.mobile-active-total strong{font-size:1.05rem}}.room-page,.room-shell{background:#f5f7f2;min-height:100vh}.room-shell{place-items:center;padding:2rem 1rem;display:grid}.room-shell--centered{min-height:calc(100vh - 72px)}.room-main,.live-room{padding-block:3.5rem 7rem}.room-page-heading{max-width:720px;margin-bottom:2rem}.room-page-heading h1,.live-room-heading h1,.config-card h1,.join-card h1{letter-spacing:-.055em;margin:.9rem 0 .7rem;font-size:clamp(2.4rem,5vw,4.25rem);line-height:1}.room-page-heading p,.live-room-heading p,.config-card p,.join-card>p{color:var(--muted);line-height:1.65}.config-card,.join-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:min(100%,580px);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 24px 60px #1f412d1a}.config-card code{color:var(--green-800);background:var(--green-50);border-radius:8px;margin-top:1.5rem;padding:.55rem .7rem;display:inline-block}.room-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.room-form{gap:1rem;display:grid}.room-form-card,.create-total-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:clamp(1.2rem,3vw,2rem)}.room-form-card h2{margin:.35rem 0 1.3rem;font-size:1.35rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{align-content:start;gap:.4rem;min-width:0;display:grid}.field--wide{grid-column:span 2}.field label{font-size:.75rem;font-weight:700}.field label span{color:var(--muted);font-weight:450}.field input,.field select{width:100%;min-width:0;min-height:46px;color:var(--ink);background:#fbfcfa;border:1px solid #cad7cf;border-radius:10px;padding:.7rem .8rem}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#b9544c}.field-error{color:#a33e37;font-size:.68rem;line-height:1.4}.editor-heading,.live-section-heading,.live-room-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.room-form-help{color:var(--muted);margin:-1rem 0 1.5rem;font-size:.8rem;line-height:1.5}.bill-editor{gap:.8rem;display:grid}.bill-editor-item{background:#fafcf9;border:1px solid #e0e8e2;border-radius:13px;grid-template-columns:1.5fr .8fr .65fr .9fr;gap:.8rem;padding:1.2rem;display:grid;position:relative}.bill-editor-item legend{color:var(--green-700);padding:0 .35rem;font-size:.7rem;font-weight:780}.item-order-controls{gap:.25rem;display:flex;position:absolute;top:-.75rem;right:.7rem}.item-order-controls button{cursor:pointer;background:#fff;border:1px solid #d4dfd7;border-radius:9px;width:38px;height:38px}.item-order-controls button:disabled{opacity:.35;cursor:not-allowed}.item-order-controls .remove-item{color:#9b413c}.item-calculated-total{text-align:right;align-content:end;gap:.2rem;display:grid}.item-calculated-total span{color:var(--muted);font-size:.65rem}.item-calculated-total strong{color:var(--green-700)}.add-line-button{min-height:46px;color:var(--green-800);background:var(--green-50);cursor:pointer;border:1px dashed #9fc3a8;border-radius:11px;margin-top:1rem;padding:.7rem 1rem;font-weight:700}.create-total-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.create-total-card>div{display:grid}.create-total-card span{color:var(--muted);font-size:.72rem}.create-total-card strong{color:var(--green-700);font-size:1.8rem}.room-submit-error,.room-error-banner{color:#913d37;background:#fff5f3;border:1px solid #ebc4bf;border-radius:10px;margin:0;padding:.8rem 1rem;font-size:.78rem}.join-card{gap:1rem;display:grid}.join-card h1{font-size:clamp(2.3rem,7vw,3.5rem)}.join-card .button{width:100%;margin-top:.4rem}.join-card small{color:var(--muted);line-height:1.5}.code-input{letter-spacing:.12em;text-transform:uppercase;font-size:1.2rem;font-weight:750}.live-room-heading{align-items:flex-end;margin-bottom:1.2rem}.live-room-heading h1{font-size:clamp(2.2rem,5vw,3.7rem)}.live-room-heading p{margin:0}.connection-pill,.room-status{border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .65rem;font-size:.68rem;font-weight:720;display:inline-flex}.connection-pill{color:#566b5f;background:#e9efea}.connection-pill--connected{color:#17673f;background:#dff3e6}.connection-pill--degraded,.connection-pill--reconnecting{color:#875c13;background:#fbefcf}.connection-pill--error{color:#913d37;background:#fae1de}.connection-pill span{font-size:.5rem}.room-status--open{color:#17673f;background:#dff3e6}.room-status--locked{color:#875c13;background:#fbefcf}.room-status--closed{color:#59645e;background:#e4e8e5}.room-state-banner,.room-error-banner{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.room-state-banner{color:#6d541b;background:#fbefcf;border-radius:11px;padding:.8rem 1rem}.room-state-banner span{font-size:.75rem}.room-error-banner button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.live-room-grid{grid-template-columns:minmax(220px,.75fr) minmax(400px,1.6fr) minmax(245px,.82fr);align-items:start;gap:1rem;display:grid}.live-card,.live-items{border:1px solid var(--border);background:#fff;border-radius:17px;padding:1.2rem}.live-card h2,.live-section-heading h2{margin:.3rem 0 1rem;font-size:1.25rem}.live-participant-list{gap:.4rem;display:grid}.live-person{border-radius:10px;align-items:center;gap:.55rem;min-height:48px;padding:.35rem;display:flex}.live-person>span:nth-child(2){flex:1;min-width:0;display:grid}.live-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.live-person small{color:var(--muted);font-size:.62rem}.live-person>button{color:#9b413c;cursor:pointer;background:#fff2f0;border:0;border-radius:8px;width:36px;height:36px}.live-person--removed{opacity:.52}.share-panel{text-align:center;border-top:1px solid #e5ebe7;justify-items:center;gap:.55rem;margin-top:1rem;padding-top:1rem;display:grid}.share-panel svg{background:#fff;border:1px solid #dfe7e1;border-radius:10px;width:min(100%,176px);height:auto;padding:.5rem}.share-panel>strong{letter-spacing:.1em;font-size:1.2rem}.share-panel p{color:var(--muted);margin:0;font-size:.66rem;line-height:1.4}.share-panel>div{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.share-panel button,.shared-action,.host-controls button{min-height:44px;color:var(--green-800);cursor:pointer;background:#fff;border:1px solid #cbd8cf;border-radius:9px;padding:.55rem .65rem;font-size:.68rem;font-weight:700}.share-panel>span{min-height:1rem;color:var(--green-700);font-size:.62rem}.live-section-heading{align-items:flex-start}.live-section-heading>strong{color:var(--green-700)}.live-item-card{background:#fcfdfb;border:1px solid #dfe7e1;border-radius:13px;margin-top:.8rem;padding:1rem}.shared-live-list{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.shared-live-list span{color:#52685b;background:var(--green-50);border-radius:999px;padding:.35rem .5rem;font-size:.65rem}.shared-action{color:#fff;border-color:var(--green-700);background:var(--green-700);width:100%}.shared-action--remove{color:#8d403a;background:#fff6f4;border-color:#e1bdb9}.shared-action:disabled,.host-controls button:disabled{cursor:not-allowed;opacity:.4}.live-reconciliation{position:sticky;top:1rem}.live-total{color:#fff;background:var(--green-900);border-radius:11px;gap:.25rem;padding:1rem;display:grid}.live-total span{color:#b5cbbd;font-size:.68rem}.live-total strong{font-size:1.5rem}.live-reconciliation dl{gap:.45rem;margin:.8rem 0;display:grid}.live-reconciliation dl div{justify-content:space-between;font-size:.72rem;display:flex}.live-reconciliation dt{color:var(--muted)}.live-reconciliation dd{margin:0;font-weight:720}.complete-message{color:#17673f;background:#e5f5e9;border-radius:9px;padding:.7rem;font-size:.72rem;font-weight:720}.pending-list{margin-top:.8rem;font-size:.68rem}.pending-list ul{color:var(--muted);margin:.4rem 0 0;padding-left:1rem;line-height:1.5}.host-controls{border-top:1px solid #e3eae5;gap:.45rem;margin-top:1rem;padding-top:.9rem;display:grid}.host-controls>span{color:var(--muted);font-size:.65rem;font-weight:700}.host-controls button{color:#fff;border-color:var(--green-700);background:var(--green-700);width:100%}.host-controls .danger-button{color:#8d403a;background:#fff6f4;border-color:#e1bdb9}@media (max-width:1060px){.live-room-grid{grid-template-columns:230px minmax(0,1fr)}.live-reconciliation{grid-column:1/-1;position:static}.bill-editor-item{grid-template-columns:1fr 1fr}}@media (max-width:760px){.room-main,.live-room{padding-block:2.4rem 6rem}.form-grid,.live-room-grid{grid-template-columns:1fr}.live-reconciliation{grid-column:auto}.live-room-heading,.create-total-card,.room-state-banner,.room-error-banner{flex-direction:column;align-items:flex-start}.create-total-card .button{width:100%}.bill-editor-item{grid-template-columns:1fr;padding-top:2rem}.field--wide{grid-column:auto}.item-calculated-total{text-align:left}.live-participants{order:1}.live-items{order:2}.live-reconciliation{order:3}.share-panel svg{width:180px}}@media (max-width:520px){.room-shell{padding-inline:.75rem}.room-form-card,.create-total-card,.live-card,.live-items{border-radius:14px}.room-actions,.room-actions .button{width:100%}.share-panel>div{grid-template-columns:1fr}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}