#expense-splitter [hidden] {display:none!important}
#expense-splitter .tool-input,#expense-splitter .tool-select {width:100%;min-width:0;min-height:46px;height:auto;color:var(--site-text);background-color:var(--site-surface);border-color:var(--site-border)}
#expense-splitter .tool-select {appearance:none;padding-inline-end:36px;background-image:var(--site-select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
html[dir=rtl] #expense-splitter .tool-select {background-position:left 12px center}
#expense-splitter h2 {font-size:1.1rem;font-weight:700;line-height:1.5;margin:0}
#expense-splitter h3 {font-weight:700;line-height:1.5;margin:24px 0 12px}
#expense-splitter .es-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#expense-splitter .es-settings {display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:16px;align-items:end}
#expense-splitter .es-settings .tool-help {margin:0 0 10px}
#expense-splitter .es-section {margin-top:24px;padding-top:20px;border-top:1px solid var(--site-border)}
#expense-splitter .es-members {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
#expense-splitter .es-member {display:flex;gap:8px;align-items:end;min-width:0}
#expense-splitter .es-member-field {flex:1;min-width:0}
#expense-splitter .es-expense {border:1px solid var(--site-border);border-radius:8px;padding:18px;margin-bottom:16px;background:var(--site-surface-muted)}
#expense-splitter .es-expense h3 {margin:0}
#expense-splitter .es-expense-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
#expense-splitter .es-expense-grid>div {min-width:0}
#expense-splitter .es-participants {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:10px}
#expense-splitter .es-share {min-width:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--site-border);border-radius:6px;padding:10px;background:var(--site-surface)}
#expense-splitter .es-share-toggle {display:flex;align-items:center;gap:9px;min-height:44px;flex:1;min-width:0;overflow-wrap:anywhere;cursor:pointer}
#expense-splitter .es-share-toggle input {width:18px;height:18px;flex-shrink:0}
#expense-splitter .es-share-value {width:100%;min-width:0}
#expense-splitter .es-share-value .tool-label {font-size:13px}
#expense-splitter .es-split-help {margin:12px 0 0}
#expense-splitter button,#expense-splitter .es-file-button {min-height:46px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
#expense-splitter .es-file-button {display:inline-flex;align-items:center;cursor:pointer}
#expense-splitter .es-file-input {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#expense-splitter .es-file-button:has(+input:focus-visible) {outline:2px solid var(--site-accent);outline-offset:2px}
#expense-splitter .tool-table th {color:var(--site-text);text-align:start}
#expense-splitter .tool-table {table-layout:fixed;min-width:560px}
#expense-splitter .tool-table:has(> #es-balances) th:first-child {width:40%}
#expense-splitter .tool-table:has(> #es-transfers) th:last-child {width:20%}
#expense-splitter #es-breakdown .tool-table tr:first-child td:first-child {width:65%}
#expense-splitter .tool-table td {overflow-wrap:anywhere;text-align:start}
#expense-splitter #es-result p {overflow-wrap:anywhere}
#expense-splitter .tool-table td.es-money {font-variant-numeric:tabular-nums;unicode-bidi:isolate}
#expense-splitter .es-total {margin:12px 0;font-weight:700;font-size:1.1rem;overflow-wrap:anywhere}
#expense-splitter #es-result {margin-top:24px;padding-top:20px;border-top:1px solid var(--site-border)}
#expense-splitter .es-breakdown {margin-top:20px}
#expense-splitter .es-breakdown summary {min-height:46px;padding:10px 0;cursor:pointer;font-weight:600}
#expense-splitter .es-breakdown h4 {font-weight:700;margin:18px 0 8px;overflow-wrap:anywhere}
.es-copy .es-related {margin-top:24px;line-height:1.8}
@media(max-width:640px){#expense-splitter .es-settings,#expense-splitter .es-expense-grid {grid-template-columns:minmax(0,1fr)}#expense-splitter .es-settings .tool-help {margin:0}#expense-splitter .es-members {grid-template-columns:minmax(0,1fr)}#expense-splitter .es-expense {padding:14px}}
@media print {
 html:has(#expense-splitter),body:has(#expense-splitter) {background:white!important;color:black!important;color-scheme:light!important}
 body:has(#expense-splitter)>*:not(.left-container),body:has(#expense-splitter) .left-container>*:not(#expense-splitter),#expense-splitter>.es-settings,#expense-splitter>.es-section,#expense-splitter .es-edit-actions {display:none!important}
 body:has(#expense-splitter) .left-container,#expense-splitter {display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:white!important;color:black!important;box-shadow:none!important}
 #expense-splitter #es-result {border:0;margin:0;padding:0}
 #expense-splitter .tool-table-wrap {overflow:visible}
 #expense-splitter .tool-table {min-width:0}
 #expense-splitter .tool-table,#expense-splitter .tool-table td,#expense-splitter .tool-table th {color:black!important;background:white!important;border-color:#999!important}
 #expense-splitter tr {break-inside:avoid}
}