.tool-page{max-width:var(--prose-max);padding-block:32px 80px}.tool-page .page-head{margin-bottom:28px}.calc{display:grid;gap:16px}.calc-card{padding:20px 16px;border-radius:var(--radius-card-large);background:var(--surface-raised);border:1px solid var(--border-subtle);min-width:0}@media(min-width:560px){.calc-card{padding:24px}}.calc-card h2,.calc-results h2{font:var(--text-sheet-title);letter-spacing:var(--track-sheet-title);margin-bottom:16px}.calc-hint{margin:-8px 0 16px;font:var(--text-meta);color:var(--text-secondary)}.field{display:grid;gap:6px;min-width:0}.field>label,.field>.field-label,.calc fieldset legend{font:var(--text-field-label);color:var(--text-secondary)}.calc input[type=text],.calc input[type=number],.calc select{width:100%;min-width:0;min-height:var(--size-button-small);padding:0 14px;border-radius:var(--radius-card);border:1px solid var(--input-border);background:var(--input-background);color:var(--input-text);caret-color:var(--input-caret);font:var(--text-body)}.calc select{padding-right:8px}.calc input::placeholder{color:var(--text-muted)}.calc input[aria-invalid=true]{border-color:var(--status-error-border)}.calc input:focus-visible,.calc select:focus-visible{outline:2px solid var(--brand-primary);outline-offset:1px;border-radius:var(--radius-card)}.calc fieldset{margin:0;padding:0;border:0;min-width:0}.field-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:480px){.field-row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.field-error{font:var(--text-meta);color:var(--status-error-text)}.calc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.person-row{display:flex;gap:8px;align-items:center}.person-row input{flex:1 1 auto}.icon-button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--size-icon-circle);height:var(--size-icon-circle);padding:0;border-radius:50%;border:1px solid var(--border-default);background:var(--surface-default);color:var(--text-secondary);cursor:pointer}.icon-button:hover{color:var(--action-destructive-text);border-color:var(--action-destructive-text)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button:disabled:hover{color:var(--text-secondary);border-color:var(--border-default)}.icon-button svg{width:16px;height:16px}.item-card{display:grid;gap:12px;padding:16px;border-radius:var(--radius-card);background:var(--surface-default);border:1px solid var(--border-subtle);min-width:0}.item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:var(--text-label);color:var(--text-secondary)}.amount-row,.room-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room-row .field:first-child{grid-column:1 / -1}@media(min-width:560px){.room-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.room-row .field:first-child{grid-column:auto}}.checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.check{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);font:var(--text-label);cursor:pointer;overflow-wrap:anywhere}.check input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--brand-primary)}.check:has(input:checked){background:var(--selected-background);border-color:var(--selected-border);color:var(--selected-text)}.check:has(input:focus-visible){outline:2px solid var(--brand-primary);outline-offset:2px}.add-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--size-button-small);margin-top:10px;padding:0 16px;border-radius:var(--radius-card);border:1px dashed var(--border-default);background:transparent;color:var(--text-brand);font:var(--text-label);font-weight:600;cursor:pointer}.add-row:hover{border-style:solid;border-color:var(--border-brand);background:var(--selected-background)}.add-row:focus-visible,.text-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.add-row svg{width:16px;height:16px;flex:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.calc .card-head h2{margin-bottom:0}.calc select.compact-select{width:auto;max-width:50%;flex:none}.text-button{flex:none;min-height:40px;padding:0 4px;border:0;border-radius:var(--radius-card);background:none;color:var(--text-secondary);font:var(--text-label);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-button:hover{color:var(--text-primary)}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-default);border:1px solid var(--border-subtle)}.segmented label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);font:var(--text-label);color:var(--text-secondary);cursor:pointer}.segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmented label:has(input:checked){background:var(--selected-background);color:var(--selected-text)}.segmented label:has(input:focus-visible){outline:2px solid var(--brand-primary);outline-offset:2px}.slider-row{display:flex;align-items:center;gap:14px}.slider-row input[type=range]{flex:1 1 auto;min-width:0;height:44px;margin:0;accent-color:var(--brand-primary)}.slider-row output{flex:none;min-width:3.5em;text-align:right;font:var(--text-headline);color:var(--text-brand);font-variant-numeric:tabular-nums}.calc-results{padding:20px 16px;border-radius:var(--radius-card-large);background:var(--surface-raised);border:1px solid var(--border-brand);min-width:0}@media(min-width:560px){.calc-results{padding:24px}}.result-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle);font:var(--text-label);color:var(--text-secondary)}.result-total strong{font:700 1.5rem / 1.2 var(--font);color:var(--text-primary);font-variant-numeric:tabular-nums}.result-section+.result-section{margin-top:24px}.result-section .eyebrow{margin-bottom:10px}.balance-list{list-style:none;margin:0;padding:0}.balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--border-subtle);font-variant-numeric:tabular-nums}.balance-row:last-child{border-bottom:0}.balance-row .who{font:var(--text-headline);overflow-wrap:anywhere}.balance-row .net{font:var(--text-headline);font-weight:700;text-align:right}.balance-row .detail{grid-column:1 / -1;font:var(--text-meta);color:var(--text-secondary)}.calc-results .transfers{margin:0}.calc-results .transfer{flex-wrap:wrap;gap:4px 16px;font-variant-numeric:tabular-nums}.calc-results .transfer .label{overflow-wrap:anywhere;min-width:0}.calc-results .transfer .amount{margin-left:auto}.result-empty{color:var(--text-secondary);font:var(--text-body-small)}.result-note{margin-top:16px;font:var(--text-meta);color:var(--text-secondary)}.tool-copy{margin-top:48px}.tool-copy h2{font:var(--text-sheet-title);letter-spacing:var(--track-sheet-title);margin-bottom:12px}.tool-copy p{margin-bottom:16px}.tool-copy .guide-link{margin-top:8px}.tool-copy .faq{margin-top:4px}.tool-faq{margin-top:40px}.tool-faq h2{font:var(--text-sheet-title);letter-spacing:var(--track-sheet-title);margin-bottom:12px}.shared-field{margin-top:20px}.shared-field .calc-hint{margin:0}.unit-field{margin-bottom:16px}.unit-field legend{margin-bottom:6px}.share-result{margin-top:16px}.nights-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.nights-row>input{min-width:0}.nights-field{display:flex;align-items:center;gap:8px;font:var(--text-label);color:var(--text-secondary)}.nights-field input{width:76px}.nights-row .field-error{grid-column:1 / -1;margin:0}.share-bar{grid-column:1 / -1;height:6px;border-radius:var(--radius-pill);background:var(--border-subtle);overflow:hidden}.share-bar span{display:block;height:100%;background:var(--brand-primary)}.download-card{display:grid;gap:12px;justify-items:start}.download-card .calc-hint{margin:0}.steps{padding-left:1.4em}.steps li+li{margin-top:8px}.save-cta{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);display:grid;gap:10px}.save-cta .button{width:100%}.save-cta p{font:var(--text-meta);color:var(--text-secondary);margin:0}
