:root{--color-teal:#249d8f;--color-teal-hover:#1d8276;--color-teal-light:#eaf6f4;--color-teal-border:#b8e2dc;--color-yellow:#e9c46a;--color-yellow-hover:#ddb44e;--color-yellow-light:#fdf8eb;--color-yellow-border:#f3dfa2;--color-coral:#e76f51;--color-coral-hover:#d25b3d;--color-coral-light:#fdf1ee;--color-coral-border:#f6bbb0;--color-cream:#fdf0d5;--color-cream-subtle:#fcf7ec;--color-primary:var(--color-teal);--color-primary-hover:var(--color-teal-hover);--color-cta:var(--color-coral);--color-cta-hover:var(--color-coral-hover);--color-success:#249d8f;--color-warning:#e9c46a;--color-danger:#e76f51;--bg-app:#faf9f6;--bg-surface:#fff;--bg-surface-subtle:#f4f6f5;--bg-surface-hover:#edf1f0;--bg-header:#fff;--bg-footer:#1a202c;--text-main:#1a202c;--text-muted:#4a5568;--text-subtle:#718096;--text-disabled:#a0aec0;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e0;--border-focus:#249d8f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 4px #0000000d;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:4px;--radius-full:4px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px}[data-theme=dark],html.dark{--color-teal:#2cb8a7;--color-teal-hover:#3bd2bf;--color-teal-light:#2cb8a71f;--color-teal-border:#2cb8a759;--color-yellow:#f0ce7c;--color-yellow-hover:#f7d98d;--color-yellow-light:#e9c46a1f;--color-yellow-border:#e9c46a59;--color-coral:#ed7d61;--color-coral-hover:#f58e74;--color-coral-light:#e76f511f;--color-coral-border:#e76f5159;--color-cream:#28231a;--color-cream-subtle:#211c14;--color-primary:var(--color-teal);--color-primary-hover:var(--color-teal-hover);--color-cta:var(--color-coral);--color-cta-hover:var(--color-coral-hover);--bg-app:#0e1519;--bg-surface:#151f24;--bg-surface-subtle:#1a272e;--bg-surface-hover:#203038;--bg-header:#111a1f;--bg-footer:#0a1013;--text-main:#f7fafc;--text-muted:#cbd5e0;--text-subtle:#8a9ba8;--text-disabled:#5a6d7c;--text-inverse:#0e1519;--border-subtle:#22323b;--border-medium:#2e4450;--border-focus:#2cb8a7;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 5px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}body{flex-direction:column;min-height:100vh;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-root{flex-direction:column;min-height:100vh;display:flex}.main-container{width:100%;max-width:860px;padding:var(--space-16) var(--space-16) var(--space-32);flex:1;margin:0 auto}.app-header-compact{background-color:var(--bg-header);border-bottom:1px solid var(--border-subtle);z-index:50;position:sticky;top:0}.header-inner{max-width:860px;padding:0 var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-12);height:48px;margin:0 auto;display:flex}.brand-link{color:var(--text-main);align-items:center;gap:7px;font-size:1rem;font-weight:700;display:flex}.brand-logo-icon{flex-shrink:0;width:22px;height:22px;display:block}.footer-logo-row{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.2px}.header-main-nav{align-items:center;gap:2px;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-xs);align-items:center;gap:5px;padding:5px 9px;font-size:.84rem;font-weight:500;transition:color .1s,background .1s;display:inline-flex}.nav-item:hover{color:var(--text-main);background-color:var(--bg-surface-subtle)}.nav-item.is-active{color:var(--color-teal);background-color:var(--color-teal-light);font-weight:600}.header-right-tools{align-items:center;gap:6px;display:flex}.btn-header-start-over{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background-color:var(--bg-surface);align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:500;transition:all .1s;display:inline-flex}.btn-header-start-over:hover{color:var(--text-main);border-color:var(--border-medium)}.btn-header-share{color:#fff;background-color:var(--color-teal);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:background .1s;display:inline-flex}.btn-header-share:hover{background-color:var(--color-teal-hover)}.hero-streamlined{padding:var(--space-12) 0 var(--space-16);text-align:left}.hero-title{color:var(--text-main);letter-spacing:-.5px;font-size:1.75rem;font-weight:800;line-height:1.15}.hero-tagline{color:var(--text-muted);margin-top:3px;font-size:.95rem}.calculator-unified-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-16) var(--space-20);gap:var(--space-16);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.rent-roommates-top-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.field-block{flex-direction:column;gap:4px;display:flex}.field-label-clean{color:var(--text-main);font-size:.8125rem;font-weight:600}.rent-input-box{border:1px solid var(--border-medium);border-radius:var(--radius-xs);background-color:var(--bg-surface);align-items:center;height:38px;padding:0 8px;transition:border-color .1s;display:flex}.rent-input-box:focus-within{border-color:var(--color-teal)}.rent-currency-symbol{color:var(--color-teal);margin-right:4px;font-size:1.1rem;font-weight:700}.rent-number-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem;font-weight:700}.rent-period-suffix{color:var(--text-subtle);font-size:.78rem}.roommate-buttons-row{align-items:center;gap:4px;height:38px;display:flex}.btn-count-square{border:1px solid var(--border-medium);border-radius:var(--radius-xs);background-color:var(--bg-surface);height:100%;color:var(--text-main);flex:1;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;transition:all .1s;display:flex}.btn-count-square:hover{border-color:var(--color-teal)}.btn-count-square.is-active{background-color:var(--color-teal);color:#fff;border-color:var(--color-teal)}.custom-count-text{color:var(--color-teal);padding:0 4px;font-size:.78rem;font-weight:600}.rooms-container-block{border-top:1px solid var(--border-subtle);padding-top:var(--space-12);flex-direction:column;gap:8px;display:flex}.rooms-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.rooms-title-text{letter-spacing:.6px;color:var(--text-main);text-transform:uppercase;font-size:.85rem;font-weight:800}.rooms-sub-hint{color:var(--text-muted);font-size:.78rem}.rooms-table-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:140px 1.8fr 120px 140px;gap:8px;padding:0 8px 4px;font-size:.7rem;font-weight:700;display:grid}.th-cell{align-items:center;display:flex}.th-options{justify-content:flex-end}.rooms-table-body{flex-direction:column;gap:6px;display:flex}.roommate-table-row{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:6px 8px}.mobile-row-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:2px 0;display:none}.mobile-summary-left{flex-direction:column;gap:2px;display:flex}.mobile-person-title{align-items:center;gap:6px;display:flex}.mobile-name-text{color:var(--text-main);font-size:.9rem;font-weight:700}.mobile-score-pill{color:var(--color-teal);font-size:.75rem;font-weight:800}.mobile-sub-specs{color:var(--text-muted);font-size:.72rem}.mobile-summary-right{align-items:center;display:flex}.btn-mobile-edit{color:var(--color-teal);background-color:var(--bg-surface);border:1px solid var(--color-teal-border);border-radius:var(--radius-xs);align-items:center;gap:2px;padding:3px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.roommate-fields-container{grid-template-columns:140px 1.8fr 120px 140px;align-items:center;gap:8px;display:grid}.col-cell{flex-direction:column;display:flex}.cell-label-mobile{text-transform:uppercase;letter-spacing:.3px;color:var(--text-subtle);margin-bottom:1px;font-size:.68rem;font-weight:700;display:none}.table-text-input{width:100%;height:30px;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);outline:none;padding:2px 6px;font-size:.8125rem;font-weight:600}.table-text-input:focus{border-color:var(--color-teal)}.room-value-control{flex-direction:column;gap:1px;display:flex}.value-label-top{justify-content:space-between;align-items:baseline;display:flex}.value-number-highlight{color:var(--color-teal);font-size:.78rem;font-weight:800}.value-text-desc{color:var(--text-muted);font-size:.7rem;font-weight:600}.prominent-range-slider{width:100%;accent-color:var(--color-teal);cursor:pointer;height:14px;margin:0}.slider-ticks-bar{color:var(--text-subtle);justify-content:space-between;font-size:.6rem;line-height:1;display:flex}.table-dropdown-select{width:100%;height:30px;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);outline:none;padding:1px 4px;font-size:.78rem}.table-dropdown-select:focus{border-color:var(--color-teal)}.actions-flex-row{justify-content:flex-end;align-items:center;gap:3px;display:flex}.btn-toggle-adv-features{height:30px;color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:3px;padding:2px 6px;font-size:.72rem;font-weight:500;display:inline-flex}.btn-toggle-adv-features:hover,.btn-toggle-adv-features.is-active{border-color:var(--color-teal);color:var(--color-teal)}.btn-trash-row{width:26px;height:30px;color:var(--text-subtle);border-radius:var(--radius-xs);justify-content:center;align-items:center;display:inline-flex}.btn-trash-row:hover{color:var(--color-coral)}.row-advanced-drawer{border-top:1px dashed var(--border-medium);background-color:var(--bg-surface);border-radius:var(--radius-xs);margin-top:6px;padding:6px 8px}.advanced-fields-flex{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.adv-field-item{align-items:center;gap:4px;display:flex}.adv-field-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.adv-select-sm{height:24px;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);padding:1px 4px;font-size:.72rem}.adv-checkboxes-group{align-items:center;gap:8px;display:flex}.adv-checkbox-label{color:var(--text-main);cursor:pointer;align-items:center;gap:3px;font-size:.72rem;font-weight:500;display:inline-flex}.adv-checkbox-label input{accent-color:var(--color-teal)}.add-roommate-row{margin-top:4px}.btn-add-roommate-clean{color:var(--color-teal);border:1px solid var(--color-teal-border);background-color:var(--color-teal-light);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .1s;display:inline-flex}.btn-add-roommate-clean:hover{background-color:var(--color-teal);color:#fff}.secondary-drawers-stack{border-top:1px solid var(--border-subtle);padding-top:var(--space-12);flex-direction:column;gap:6px;display:flex}.secondary-collapsible-card{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);overflow:hidden}.secondary-toggle-header{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;display:flex}.secondary-toggle-title{color:var(--text-muted);font-size:.78rem;font-weight:600}.toggle-chevron-wrap{color:var(--text-subtle)}.secondary-collapsible-body{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:8px 12px 10px}.quick-add-row{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:6px;display:flex}.quick-add-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.quick-add-buttons{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.btn-quick-chip{color:var(--text-main);background-color:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-xs);padding:2px 7px;font-size:.72rem;font-weight:500}.btn-quick-chip:hover{border-color:var(--color-teal);color:var(--color-teal)}.expenses-simple-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.expense-row-clean{background-color:var(--bg-surface-subtle);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);grid-template-columns:1.2fr 120px 1.5fr 30px;align-items:center;gap:6px;padding:4px 8px;display:grid}.clean-input-sm{width:100%;height:28px;color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);outline:none;padding:2px 6px;font-size:.78rem}.expense-amount-field{background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);align-items:center;height:28px;padding:0 4px;display:flex}.prefix-dollar{color:var(--color-teal);margin-right:2px;font-size:.8rem;font-weight:700}.amount-input{border:none;height:100%;padding:0}.suffix-mo{color:var(--text-subtle);font-size:.68rem}.expense-participants-field{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.btn-participant-toggle{border-radius:var(--radius-xs);border:1px solid #0000;padding:2px 5px;font-size:.68rem;font-weight:600}.btn-participant-toggle.is-active{background-color:var(--color-teal-light);color:var(--color-teal);border-color:var(--color-teal-border)}.btn-participant-toggle.is-inactive{background-color:var(--bg-surface);color:var(--text-disabled);border-color:var(--border-subtle);text-decoration:line-through}.btn-delete-item{color:var(--text-subtle);justify-content:center;align-items:center;display:inline-flex}.btn-delete-item:hover{color:var(--color-coral)}.method-options-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.method-option-card{background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);cursor:pointer;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.method-option-card.is-selected{border-color:var(--color-teal);background-color:var(--color-teal-light)}.method-radio-box{border:1px solid var(--border-medium);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:14px;height:14px;margin-top:2px;display:flex}.method-option-card.is-selected .method-radio-box{border-color:var(--color-teal);background-color:var(--color-teal);color:#fff}.check-icon{color:#fff}.method-text-group{flex-direction:column;gap:1px;display:flex}.method-label{color:var(--text-main);font-size:.78rem;font-weight:700}.method-sub{color:var(--text-muted);font-size:.68rem}.importance-sliders-row{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);margin-top:6px;padding:6px 8px}.importance-title{color:var(--text-main);margin-bottom:4px;font-size:.72rem;font-weight:700;display:block}.importance-selects-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.importance-field{color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;display:flex}.select-importance{border:1px solid var(--border-medium);border-radius:var(--radius-xs);background-color:var(--bg-surface);height:24px;padding:1px 3px;font-size:.72rem}.calculate-cta-container{flex-direction:column;align-items:center;gap:6px;margin-top:6px;display:flex}.btn-calculate-coral{background-color:var(--color-coral);color:#fff;letter-spacing:-.2px;border-radius:var(--radius-sm);width:100%;max-width:380px;height:44px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;transition:background .1s;display:flex}.btn-calculate-coral:hover{background-color:var(--color-coral-hover)}.calculate-sub-guarantee{color:var(--text-subtle);text-align:center;font-size:.72rem}.results-wrapper-mount{margin-top:var(--space-20)}.results-clean-box{background-color:var(--bg-surface);border:1px solid var(--color-teal);border-radius:var(--radius-sm);padding:var(--space-16);gap:var(--space-16);flex-direction:column;display:flex}.results-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--border-subtle);display:flex}.results-subheading{text-transform:uppercase;letter-spacing:.5px;color:var(--color-teal);font-size:.7rem;font-weight:700}.results-headline{color:var(--text-main);font-size:1.35rem;font-weight:800}.results-total-block{text-align:right;flex-direction:column;display:flex}.total-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-subtle);font-size:.72rem;font-weight:600}.total-amount{color:var(--color-teal);font-size:1.5rem;font-weight:900;line-height:1.1}.total-breakdown-sub{color:var(--text-muted);font-size:.68rem}.results-cards-grid{gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.result-person-box{background-color:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-xs);flex-direction:column;gap:8px;padding:12px;display:flex}.person-box-header{justify-content:space-between;align-items:flex-start;display:flex}.person-name{color:var(--text-main);font-size:1.05rem;font-weight:700}.person-percent{color:var(--text-muted);font-size:.7rem;font-weight:500}.person-price-wrap{text-align:right}.person-price{color:var(--text-main);font-size:1.3rem;font-weight:800;line-height:1}.person-month{color:var(--text-subtle);font-size:.72rem}.person-specs-row{flex-wrap:wrap;gap:4px;display:flex}.spec-tag{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1px 6px;font-size:.72rem}.spec-value{border-color:var(--color-teal-border);background-color:var(--color-teal-light);color:var(--color-teal)}.spec-highlight{border-color:var(--color-yellow-border);background-color:var(--color-yellow-light);color:#8c6800;font-weight:600}.person-utilities-note{color:var(--text-muted);border-top:1px dashed var(--border-subtle);padding-top:4px;font-size:.7rem}.results-reason-banner{background-color:var(--color-cream-subtle);border-left:3px solid var(--color-yellow);color:#3b2c00;padding:8px 12px;font-size:.84rem}[data-theme=dark] .results-reason-banner{color:var(--text-muted)}.why-split-container{border-top:1px solid var(--border-subtle);padding-top:6px}.btn-toggle-math{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-toggle-math:hover{color:var(--color-teal)}.math-details-drawer{background-color:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);flex-direction:column;gap:6px;margin-top:8px;padding:10px;display:flex}.math-drawer-heading{color:var(--text-main);font-size:.78rem;font-weight:700}.factors-list{flex-direction:column;gap:4px;display:flex}.factor-item{flex-direction:column;font-size:.78rem;display:flex}.factor-person-heading{color:var(--text-main);font-weight:700}.factor-person-desc{color:var(--text-muted)}.math-disclaimer{color:var(--text-subtle);border-top:1px solid var(--border-subtle);padding-top:4px;font-size:.7rem}.results-actions-row{border-top:1px solid var(--border-subtle);padding-top:var(--space-12);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-coral-action{color:#fff;background-color:var(--color-teal);border-radius:var(--radius-xs);align-items:center;gap:5px;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.btn-coral-action:hover{background-color:var(--color-teal-hover)}.btn-neutral-action{color:var(--text-main);background-color:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xs);align-items:center;gap:5px;padding:6px 12px;font-size:.84rem;font-weight:600;display:inline-flex}.btn-ghost-action{color:var(--text-subtle);align-items:center;gap:4px;margin-left:auto;padding:6px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.btn-ghost-action:hover{color:var(--color-coral)}.sticky-bottom-bar-compact{background-color:var(--bg-header);border-top:1px solid var(--border-subtle);z-index:40;padding:6px var(--space-16);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 6px #0000000f}.sticky-inner{justify-content:space-between;align-items:center;gap:var(--space-12);max-width:860px;margin:0 auto;display:flex}.sticky-summary-text{color:var(--text-main);align-items:center;gap:5px;font-size:.84rem;display:flex}.sticky-sep{color:var(--text-subtle)}.btn-sticky-coral{color:#fff;background-color:var(--color-coral);border-radius:var(--radius-xs);align-items:center;gap:5px;padding:6px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.btn-sticky-coral:hover{background-color:var(--color-coral-hover)}.toast-banner{z-index:100;background-color:var(--text-main);color:var(--text-inverse);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;display:flex;position:fixed;bottom:16px;right:16px}.app-footer{background-color:var(--bg-footer);color:#94a3b8;padding:var(--space-24) var(--space-16);margin-top:var(--space-24);border-top:1px solid var(--border-subtle)}.footer-container{gap:var(--space-16);flex-direction:column;max-width:860px;margin:0 auto;display:flex}.footer-top-row{justify-content:space-between;align-items:flex-start;gap:var(--space-16);flex-wrap:wrap;display:flex}.footer-brand-title{color:#fff;font-size:1rem;font-weight:700}.footer-tagline{color:#94a3b8;max-width:280px;margin-top:2px;font-size:.78rem}.footer-nav-groups{gap:var(--space-24);flex-wrap:wrap;display:flex}.footer-group-title{text-transform:uppercase;letter-spacing:.5px;color:#cbd5e0;margin-bottom:6px;font-size:.7rem;font-weight:700}.footer-links-list{flex-direction:column;gap:4px;list-style:none;display:flex}.footer-links-list a{color:#94a3b8;font-size:.78rem}.footer-links-list a:hover{color:#fff}.footer-bottom-row{padding-top:var(--space-12);color:#64748b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.72rem;display:flex}@media (max-width:768px){.rooms-table-header{display:none}.mobile-row-summary{display:flex}.roommate-fields-container{border-top:1px dashed var(--border-medium);grid-template-columns:1fr;gap:8px;margin-top:6px;padding-top:6px;display:none}.roommate-table-row.is-mobile-expanded .roommate-fields-container{flex-direction:column;gap:8px;display:flex}.cell-label-mobile{display:block}.actions-flex-row{justify-content:space-between;width:100%}.expense-row-clean{grid-template-columns:1fr 100px 24px}.expense-participants-field{grid-column:span 3}}@media (max-width:640px){.header-main-nav{display:none}.rent-roommates-top-grid{gap:var(--space-12);grid-template-columns:1fr}.method-options-list{grid-template-columns:1fr}.importance-selects-grid{grid-template-columns:1fr 1fr}.results-header-row{flex-direction:column;align-items:flex-start}.results-total-block{text-align:left}.results-actions-row{flex-direction:column;align-items:stretch}.btn-ghost-action{justify-content:center;margin-left:0}.hide-mobile{display:none}}