:root{--bg:#eaeee5;--bg-card:#fcfdf9;--bg-card-inset:#f1f4ec;--ink:#1c2620;--ink-muted:#57645b;--ink-faint:#8b968d;--pine:#2d5c3e;--pine-deep:#1f4530;--pine-tint:#dce8de;--brass:#a97427;--brass-strong:#8c5e1e;--brass-tint:#efdebb;--line:#c9d0c2;--line-strong:#a9b3a2;--error:#a9503b;--error-tint:#f3e0d9;--shadow:0 1px 2px #1c26200f, 0 8px 24px -12px #1c26202e;--font-display:"Archivo", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;color-scheme:light}[data-theme=dark]{--bg:#101a14;--bg-card:#172218;--bg-card-inset:#1e2b1f;--ink:#e9eee7;--ink-muted:#9fab9a;--ink-faint:#64715f;--pine:#7fbb94;--pine-deep:#a6d4b6;--pine-tint:#1d2e23;--brass:#dcae5b;--brass-strong:#efc578;--brass-tint:#2e2717;--line:#2a3a2c;--line-strong:#3c4e3e;--error:#e2947c;--error-tint:#35211b;--shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0000008c;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{background:var(--bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);color:var(--ink);font-family:var(--font-body);background-position:-1px -1px;background-size:32px 32px;margin:0;font-size:16px;line-height:1.55;transition:background-color .2s,color .2s}[data-theme=dark] body{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:1;background-size:32px 32px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 .4em;font-weight:800;line-height:1.08}h1{font-size:clamp(2.1rem,5vw + .5rem,3.4rem)}h2{font-size:clamp(1.4rem,2.4vw + .5rem,1.9rem)}h3{letter-spacing:0;font-size:1.1rem;font-weight:700}p{color:var(--ink-muted);max-width:62ch;margin:0 0 1em}a{color:var(--pine-deep);text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{color:var(--brass-strong)}[data-theme=dark] a{color:var(--pine)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{border-bottom:1px solid var(--line);background:var(--bg-card);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.6rem;font-size:1rem;font-weight:800;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-mark{background:var(--pine);border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.brand-mark svg{width:16px;height:16px}.theme-toggle{background:var(--bg-card-inset);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.78rem;display:inline-flex}.theme-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.theme-toggle svg{width:15px;height:15px}main{max-width:1040px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem clamp(1rem,4vw,2.5rem) 3rem}.site-footer nav{flex-wrap:wrap;gap:1.25rem 1.75rem;max-width:1040px;margin:0 auto 1rem;display:flex}.site-footer nav a{color:var(--ink-muted);font-size:.9rem}.site-footer p{max-width:1040px;color:var(--ink-faint);margin:0 auto;font-size:.82rem}.blueprint-frame{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow);padding:clamp(1.4rem,4vw,2.75rem);position:relative}.blueprint-frame:before,.blueprint-frame:after,.corner-tl,.corner-br{content:"";pointer-events:none;width:18px;height:18px;position:absolute}.blueprint-frame:before{border-top:2px solid var(--brass);border-left:2px solid var(--brass);border-top-left-radius:var(--radius-lg);top:-1px;left:-1px}.blueprint-frame:after{border-bottom:2px solid var(--brass);border-right:2px solid var(--brass);border-bottom-right-radius:var(--radius-lg);bottom:-1px;right:-1px}.dim-divider{color:var(--ink-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;margin:2rem 0 1.25rem;font-size:.72rem;display:flex}.dim-divider:before,.dim-divider:after{content:"";border-top:1px dashed var(--line-strong);flex:1;height:0}.hero{padding:clamp(2.5rem,6vw,4rem) 0 2rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass-strong);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.75rem;display:inline-flex}.eyebrow:before{content:"◆";font-size:.6rem}.hero p.lede{color:var(--ink-muted);font-size:1.08rem}.calc{margin-top:1rem}.calc-top-row{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (width>=640px){.calc-top-row{grid-template-columns:1fr 1fr;align-items:end}}.field label,.mode-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.4rem;font-size:.75rem;display:block}.total-rent-input{position:relative}.total-rent-input .currency-mark{font-family:var(--font-mono);color:var(--ink-faint);pointer-events:none;font-weight:600;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.total-rent-input input{padding-left:1.9rem;font-size:1.3rem;font-weight:600}input[type=text],input[type=number]{background:var(--bg-card-inset);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;font-family:var(--font-mono);color:var(--ink);padding:.65rem .8rem;font-size:1rem}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--ink-faint)}input[type=text]:focus,input[type=number]:focus{border-color:var(--pine);background:var(--bg-card);outline:none}input.invalid{border-color:var(--error)}.mode-tabs{background:var(--bg-card-inset);border:1px solid var(--line-strong);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.mode-tab{font-family:var(--font-body);color:var(--ink-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.mode-tab[aria-selected=true]{background:var(--pine);color:#fbfdf8}[data-theme=dark] .mode-tab[aria-selected=true]{color:#0e1710}.mode-hint{color:var(--ink-faint);margin:.6rem 0 0;font-size:.85rem}.people-list{flex-direction:column;gap:.75rem;display:flex}.person-row{background:var(--bg-card-inset);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);align-items:center;gap:.6rem;padding:.7rem .85rem;display:grid}@media (width>=700px){.person-row.mode-equal{grid-template-columns:28px 1fr auto}.person-row.mode-room{grid-template-columns:28px 1fr 110px auto}.person-row.mode-income{grid-template-columns:28px 1fr 130px auto}}.person-row.mode-room{grid-template-areas:"idx name size remove""extras extras extras extras"}@media (width>=700px){.person-row.mode-room{grid-template-columns:28px 1fr 110px auto;grid-template-areas:"idx name size remove""extras extras extras extras"}.person-row.mode-room .person-index{grid-area:idx}.person-row.mode-room input[aria-label^=Name]{grid-area:name}.person-row.mode-room input[aria-label^=Room]{grid-area:size}.person-row.mode-room .remove-person{grid-area:remove}.person-row.mode-room .person-extras{grid-area:extras}}.person-extras{border-top:1px dashed var(--line);color:var(--ink-muted);flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.15rem;padding-top:.55rem;font-size:.82rem;display:flex}.person-extras label{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.person-extras input[type=checkbox]{width:15px;height:15px;accent-color:var(--brass)}.person-index{font-family:var(--font-mono);color:var(--brass-strong);font-size:.78rem;font-weight:700}.person-row input[type=text]{font-family:var(--font-body);font-size:.92rem}.remove-person{border:1px solid var(--line-strong);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:7px;justify-self:end;place-items:center;width:30px;height:30px;font-size:1rem;line-height:1;display:grid}.remove-person:hover{color:var(--error);border-color:var(--error)}.add-person{border:1px dashed var(--line-strong);color:var(--pine-deep);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.9rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex}[data-theme=dark] .add-person{color:var(--pine)}.add-person:hover{border-color:var(--pine);background:var(--pine-tint)}.results{margin-top:.5rem}.result-row{border-bottom:1px dotted var(--line-strong);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.result-row:last-of-type{border-bottom:none}.result-name{color:var(--ink);font-weight:600}.result-share-bar{background:var(--line);border-radius:2px;height:4px;margin-top:.4rem;overflow:hidden}.result-share-fill{background:var(--pine);border-radius:2px;height:100%}.result-amount{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:1.25rem;font-weight:700}.result-total{border-top:2px solid var(--ink);font-family:var(--font-mono);justify-content:space-between;margin-top:.9rem;padding-top:.9rem;font-weight:700;display:flex}.empty-state{color:var(--ink-faint);text-align:center;border:1px dashed var(--line);border-radius:var(--radius-md);padding:1.5rem 0;font-size:.92rem}.content-section{padding:2.5rem 0}.content-section:first-of-type{border-top:1px solid var(--line);margin-top:3rem}.how-steps{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=700px){.how-steps{grid-template-columns:repeat(3,1fr)}}.how-step .step-num{font-family:var(--font-mono);color:var(--brass-strong);margin-bottom:.4rem;font-size:.8rem}.faq-item{border-bottom:1px solid var(--line);padding:1.1rem 0}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item h3{margin-bottom:.35rem}.faq-item p{margin-bottom:0;font-size:.95rem}.cross-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.cross-link{border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--ink);background:var(--bg-card-inset);padding:.65rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none}.cross-link:hover{border-color:var(--brass);color:var(--ink)}