:root{--color-section-heading:#183778;--font-size-section-heading:14px;--font-size-body:15px;--font-size-input:15px;--font-size-btn-primary:17px;--font-size-footnote:14px;--font-size-sid:30px;--color-host-bg:#e1f5ee;--color-host-border:#9fe1cb;--color-host-btn:#0f6e56;--color-host-label:#085041;--color-host-hint:#0f6e56;--color-guest-bg:#e6f1fb;--color-guest-border:#b5d4f4;--color-guest-btn:#185fa5;--color-guest-label:#0c447c;--color-guest-hint:#185fa5;--color-charge-selected-bg:#0f6e56;--color-charge-selected-text:#fff;--color-charge-selected-border:#0f6e56;--color-checkbox-accent:#0f6e56}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f0;color:#1a1a1a;line-height:1.6}.section-heading{font-size:var(--font-size-section-heading);font-weight:700;color:var(--color-section-heading);text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 6px}.section-sub{font-size:13px;color:#888;margin:0 0 12px}.card{background:#fff;border:.5px solid #e0e0e0;border-radius:14px;padding:1.5rem 1.25rem 1.25rem;margin-bottom:1.5rem}.sid-label{font-size:13px;color:#888;margin-bottom:2px}.sid{font-size:var(--font-size-sid);font-weight:500;letter-spacing:.08em}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3b6d11;margin-right:6px}.status-row{display:flex;align-items:center;font-size:14px;color:#555;margin-top:4px}.badge{display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;border-radius:8px}.badge-live{background:#d4edda;color:#155724}.badge-finalised{background:#fff3cd;color:#856404}.nick-bar{background:#f5f5f0;border-radius:10px;padding:12px 16px;margin:1.25rem 0;display:flex;justify-content:space-between;align-items:center}.nick-bar-name{font-size:16px;font-weight:500}.nick-bar-total{font-size:15px;color:#666}.nick-bar-total span{font-weight:500;color:#1a1a1a}.inp{width:100%;padding:10px 12px;border:.5px solid #ccc;border-radius:8px;font-size:var(--font-size-input);background:#fff;color:#1a1a1a;outline:none}.inp:focus{border-color:#888}.inp::placeholder{color:#bbb}.inp-label{font-size:15px;color:var(--color-guest-label);margin-bottom:4px;display:block}.inp-wrap{gap:6px}.inp-group,.inp-wrap{display:flex;flex-direction:column}.inp-group{gap:14px;margin-bottom:14px}.input-sym{display:flex;align-items:center;border:.5px solid #ccc;border-radius:8px;overflow:hidden;background:#fff}.input-sym input{flex:1 1;padding:11px 10px;border:none;font-size:16px;background:transparent;color:#1a1a1a;outline:none;min-width:0}.input-sym .sym{padding:11px 10px;font-size:15px;font-weight:500;color:#666;background:#f5f5f0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.input-sym .sym.sfx{border-left:.5px solid #ccc}.input-sym .sym.pfx{border-right:.5px solid #ccc}.btn-primary{width:100%;padding:14px;border:none;border-radius:8px;font-size:var(--font-size-btn-primary);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{opacity:.85}.btn-secondary{width:100%;padding:12px;background:transparent;color:#666;border:.5px solid #ccc;border-radius:8px;font-size:15px;cursor:pointer;margin-top:1rem}.btn-secondary:hover{background:#f5f5f0}.btn-add{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:15px;color:#888;background:transparent;border:.5px dashed #ccc;border-radius:8px;cursor:pointer;margin-top:4px}.btn-add:hover{background:#f5f5f0}.btn-trash{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:.5px solid #f5a5a5;border-radius:8px;cursor:pointer;color:#e53e3e;font-size:18px;flex-shrink:0}.item-row{align-items:center;margin-bottom:10px}.col-header,.item-row{display:grid;grid-template-columns:1fr 100px 40px;grid-gap:8px;gap:8px}.col-header{margin-bottom:8px}.col-label{font-size:13px;color:#242424}.divider{border:none;border-top:.5px solid #e8e8e8;margin:1.25rem 0}.info-box{background:#f5f5f0;border-radius:8px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.info-box:last-of-type{margin-bottom:0}.info-box .icon,.info-box svg{font-size:16px;color:#999;flex-shrink:0;margin-top:1px}.info-box p{font-size:14px;color:#888;margin:0;line-height:1.5}.charge-btn{padding:11px 16px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;border:.5px solid #ccc;background:#fff;color:#999;outline:none;transition:none}.charge-btn.selected{background:var(--color-charge-selected-bg);color:var(--color-charge-selected-text);border-color:var(--color-charge-selected-border)}.other-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.other-label{font-size:14px;color:#666;margin-bottom:6px}.big-cb{width:22px;height:22px;accent-color:var(--color-checkbox-accent);cursor:pointer;flex-shrink:0}.flip-table{width:100%;border-collapse:collapse;font-size:15px}.flip-table th{font-size:15px;font-weight:500;color:#1a1a1a;text-align:center;padding:8px 8px 2px}.flip-table th.left{text-align:left}.flip-table .price-row td{font-size:15px;font-weight:500;color:#1a1a1a;text-align:center;padding:0 8px 10px;border-bottom:.5px solid #ccc}.flip-table .price-row td.left{text-align:left}.flip-table td{padding:11px 8px;border-bottom:.5px solid #e8e8e8;text-align:center;vertical-align:middle}.flip-table td.td-name{text-align:left;font-weight:500}.flip-table td.td-total{text-align:right;font-weight:500}.flip-table tr:last-child td{border-bottom:none}.sum-table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}.sum-table th{font-size:13px;color:#999;font-weight:500;text-align:right;padding:6px;border-bottom:.5px solid #e8e8e8}.sum-table th:first-child{text-align:left}.sum-table td{padding:10px 6px;border-bottom:.5px solid #e8e8e8;text-align:right;color:#1a1a1a}.sum-table td:first-child{text-align:left;font-weight:500}.sum-table .total-row td{font-weight:500;background:#f5f5f0;border-top:.5px solid #ccc}.nick-card{background:#f5f5f0;border-radius:10px;padding:12px 16px;margin-bottom:10px}.nick-card.empty{opacity:.55}.nick-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nick-card-name{font-size:15px;font-weight:500}.nick-card-total{font-size:14px;color:#666}.nick-card-total span{font-weight:500;color:#1a1a1a}.nick-item-row{font-size:14px;padding:3px 0}.nick-item-row,.summary-row{display:flex;justify-content:space-between;color:#666}.summary-row{font-size:15px;padding:4px 0}.summary-row span{font-weight:500;color:#1a1a1a}.owe-box{background:#f5f5f0;border-radius:14px;padding:1.5rem;text-align:center;margin-bottom:1.25rem}.owe-label{font-size:15px;color:#666;margin-bottom:6px}.owe-amount{font-size:42px;font-weight:500;color:#1a1a1a}.owe-who{font-size:15px;color:#999;margin-top:6px}.bdown{background:#f5f5f0;border-radius:10px;padding:12px 16px}.bdown-row{display:flex;justify-content:space-between;font-size:15px;padding:5px 0;color:#666}.bdown-row span{color:#1a1a1a}.bdown-row.total{font-weight:500;color:#1a1a1a;border-top:.5px solid #ccc;margin-top:6px;padding-top:10px}.bdown-sublbl{font-size:12px;color:#999;margin:6px 0 4px}.charges-note{font-size:12px;color:#999;margin:5px 0 0;text-align:right}.locked-msg{font-size:14px;color:#999;text-align:center;margin-top:1rem}.g-row{display:flex;justify-content:space-between;font-size:15px;padding:7px 0;border-bottom:.5px solid #e8e8e8;color:#666}.g-row:last-child{border-bottom:none}.g-row span{color:#1a1a1a}.footer{border-top:.5px solid #e8e8e8;margin-top:1.5rem;padding-top:1rem;text-align:center}.footnote{font-size:var(--font-size-footnote);color:#999;line-height:1.7;margin:0 0 6px}.dev{font-size:13px;color:#999;margin:0;opacity:.7}.role-section{border-radius:12px;padding:1.25rem 1.5rem 1.5rem;margin-bottom:1rem}.role-section.host{background:var(--color-host-bg);border:.5px solid var(--color-host-border)}.role-section.guest{background:var(--color-guest-bg);border:.5px solid var(--color-guest-border)}.role-label{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px}.role-section.host .role-label{color:var(--color-host-label)}.role-section.guest .role-label{color:var(--color-guest-label)}.role-hint{font-size:13px;margin-top:8px;line-height:1.5}.role-section.host .role-hint{color:var(--color-host-hint)}.role-section.guest .role-hint{color:var(--color-guest-hint)}.page{min-height:100vh;background:#f5f5f0;padding:1.5rem 1rem 4rem}.page-inner{max-width:440px;margin:0 auto}.field-error{font-size:12px;color:#e53e3e;margin-top:4px}.helper-text{font-size:13px;color:#999;margin-top:4px}