.tool{width:min(100%, var(--content-width));padding:var(--space-lg) 0;margin-inline:auto}.tool-header{margin-bottom:var(--space-lg)}.tool-header h1{margin:0 0 .5rem}.tool-header p{margin:0}.receipt-wrap{border-radius:var(--radius);padding:var(--space-lg) var(--space-md);background:#fdfcf9;border:1px solid #e2ded0;font-family:JetBrains Mono,Courier New,monospace}.receipt-block{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px dashed #d8d3c2}.receipt-block:last-of-type{border-bottom:none}.block-label{letter-spacing:.08em;text-transform:uppercase;color:#6b6656;margin:0 0 .75rem;font-size:.7rem;font-weight:600}.field-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.field-row label{color:#4a4738;font-size:.85rem}.hint-text{color:#8a8571;margin:.5rem 0 0;font-size:.78rem}.status-message{color:#3a7d5c;min-height:1.2rem;margin-top:.75rem;font-size:.8rem}.money-input{border-radius:var(--radius);background:#fff;border:1px solid #ccc4ab;align-items:center;gap:.35rem;width:130px;padding:.4rem .6rem;display:flex}.money-input.small{width:100px}.money-input input{font:inherit;text-align:right;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.currency-sign{color:#6b6656;font-size:.85rem}.tax-input-group{align-items:center;gap:.5rem;display:flex}.unit-toggle{border-radius:var(--radius);border:1px solid #ccc4ab;display:flex;overflow:hidden}.unit-btn{font:inherit;cursor:pointer;color:#6b6656;background:#fff;border:none;padding:.4rem .6rem;font-size:.8rem}.unit-btn.is-active{color:#f7f5ef;background:#1b1f1d}.people-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.person-chip{background:#fff;border:1px solid #ccc4ab;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .5rem .35rem .75rem;font-size:.85rem;display:flex}.person-chip button{cursor:pointer;color:#c4622d;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1}.add-person-form{gap:.5rem;display:flex}.add-person-form input{font:inherit;border-radius:var(--radius);border:1px solid #ccc4ab;flex:1;padding:.5rem .7rem;font-size:.9rem}.items-list{flex-direction:column;gap:.6rem;margin-bottom:.75rem;display:flex}.item-row{border-radius:var(--radius);background:#fff;border:1px solid #e2ded0;padding:.6rem .75rem}.item-row-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.item-row-name{font-size:.9rem;font-weight:700}.item-row-amount{white-space:nowrap;font-size:.9rem}.item-row-remove{cursor:pointer;color:#c4622d;background:0 0;border:none;padding:0 .3rem;font-size:.95rem}.item-assignees{flex-wrap:wrap;gap:.4rem;display:flex}.assignee-toggle{cursor:pointer;color:#4a4738;background:#fff;border:1px solid #ccc4ab;border-radius:999px;min-height:32px;padding:.35rem .6rem;font-family:inherit;font-size:.78rem}.assignee-toggle.is-active{color:#fff;background:#3a7d5c;border-color:#3a7d5c}.add-item-form{flex-wrap:wrap;gap:.5rem;display:flex}.add-item-form input[type=text]{min-width:120px;font:inherit;border-radius:var(--radius);border:1px solid #ccc4ab;flex:1;padding:.5rem .7rem;font-size:.9rem}.item-amount{width:110px}.shares-list{flex-direction:column;gap:.5rem;display:flex}.share-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.88rem;display:flex}.share-stepper{align-items:center;gap:.5rem;display:flex}.share-stepper button{border-radius:var(--radius);width:32px;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc4ab;font-size:1rem}.share-stepper span{text-align:center;min-width:1.5rem;font-weight:700}.mode-tabs{gap:.4rem;display:flex}.mode-tab{font:inherit;border-radius:var(--radius);cursor:pointer;color:#4a4738;background:#fff;border:1px solid #ccc4ab;flex:1;padding:.55rem .5rem;font-size:.85rem}.mode-tab.is-active{color:#f7f5ef;background:#1b1f1d;border-color:#1b1f1d}.mode-panel{display:none}.mode-panel.is-active{display:block}.tip-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.tip-btn{font:inherit;border-radius:var(--radius);cursor:pointer;color:#4a4738;background:#fff;border:1px solid #ccc4ab;padding:.5rem .75rem;font-size:.85rem}.tip-btn.is-active{color:#fff;background:#3a7d5c;border-color:#3a7d5c}.options-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.checkbox-label,.currency-select-label{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.currency-select-label select{font:inherit;border-radius:var(--radius);border:1px solid #ccc4ab;padding:.35rem .5rem;font-size:.85rem}.tear-line{height:1px;margin:0 -.5rem var(--space-md);background-image:repeating-linear-gradient(90deg,#b8b2a0 0 6px,#0000 6px 12px)}.totals-row{color:#4a4738;justify-content:space-between;padding:.25rem 0;font-size:.9rem;display:flex}.totals-grand{color:#1b1f1d;border-top:1px solid #d8d3c2;margin-top:.4rem;padding-top:.5rem;font-size:1.1rem;font-weight:700}.breakdown-list,.paid-list{flex-direction:column;gap:.5rem;display:flex}.breakdown-row{border-radius:var(--radius);background:#fff;border:1px solid #e2ded0;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.88rem;display:flex}.breakdown-name{font-weight:700}.paid-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.paid-row .money-input{width:110px}.settlement-result{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.settle-line{border-radius:var(--radius);color:#4a1528;background:#fbeaf0;padding:.5rem .75rem;font-size:.88rem}.settle-line.is-settled{color:#173404;background:#eaf3de}.tool-actions{flex-wrap:wrap;gap:.75rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.tool-actions button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.6rem 1rem;font-size:.9rem}.danger-button{color:#c62828;border-color:#ef9a9a!important}.danger-button:hover{background:#ffebee!important}.secondary-button:hover{background:#f0f0f0}.how-to{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid #e2ded0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.how-to h2{margin:0 0 .75rem;font-size:1.1rem}.how-to ol{color:#4a4738;margin:0;padding-left:1.25rem;font-size:.92rem}.how-to li{margin-bottom:.5rem}.how-to li:last-child{margin-bottom:0}@media (width<=600px){.field-row{flex-wrap:wrap}.money-input{width:100%}.options-row{flex-direction:column;align-items:flex-start}}