:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #707579);--link: var(--tg-theme-link-color, #2481cc);--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f4f4f5);--section-bg: var(--tg-theme-section-bg-color, #ffffff);--separator: var(--tg-theme-section-separator-color, #e5e5ea)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;min-height:100vh}.page{padding:16px 16px 120px;max-width:640px;margin:0 auto}.section{background:var(--section-bg);border-radius:12px;padding:16px;margin-bottom:12px}.section h2{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.05em}label{display:block;margin-bottom:12px}label>.label-text{display:block;font-size:13px;color:var(--hint);margin-bottom:4px}input[type=text],input[type=number],input[inputmode=decimal],select,textarea{width:100%;background:var(--secondary-bg);border:1px solid transparent;border-radius:8px;padding:12px;font-size:16px;color:var(--text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--button)}textarea{min-height:80px;resize:vertical}.row{display:flex;gap:8px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--secondary-bg);border:1px solid transparent;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none}.chip[aria-pressed=true]{background:var(--button);color:var(--button-text)}.member-row{display:flex;align-items:center;padding:10px 0;border-top:1px solid var(--separator);gap:12px}.member-row:first-child{border-top:none}.member-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--button)}.member-row .name{flex:1;display:flex;align-items:center;gap:6px}.member-row .virtual-mark{font-size:12px;color:var(--hint)}.member-row .value-input{width:90px;text-align:right}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--secondary-bg);padding:4px;border-radius:10px}.tab{background:transparent;border:none;padding:10px 8px;font-size:13px;border-radius:8px;cursor:pointer;color:var(--text)}.tab[aria-pressed=true]{background:var(--section-bg);font-weight:600}.hint{font-size:13px;color:var(--hint);margin:0 0 8px}.error{color:#d8444a;font-size:14px;margin-top:8px}.center-msg{padding:48px 16px;text-align:center;color:var(--hint)}.summary-line{font-weight:600}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--bg);padding:8px 16px;border-bottom:1px solid var(--separator)}.topbar-tab{font-size:18px}.topbar-tab{background:var(--secondary-bg);border:none;padding:10px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer}.topbar-tab[aria-pressed=true]{background:var(--button);color:var(--button-text);font-weight:600}.balance-row,.transfer-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--separator);gap:8px}.balance-row:first-child,.transfer-row:first-child{border-top:none}.balance-row.positive .balance-value{color:#2e8b57;font-weight:600}.balance-row.negative .balance-value{color:#d8444a;font-weight:600}.transfer-amount{font-weight:600;white-space:nowrap}.transfer-block{padding:10px 0;border-top:1px solid var(--separator)}.transfer-block:first-child{border-top:none}.transfer-block .transfer-row{padding:0;border:none}.settle-btn{margin-top:8px;width:100%;background:var(--secondary-bg);color:var(--text);border:none;border-radius:8px;padding:10px;font-size:14px;cursor:pointer}.settle-btn.primary{background:var(--button);color:var(--button-text);font-weight:600}.settle-btn[disabled]{opacity:.5;cursor:not-allowed}.settle-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}.settle-row{display:flex;gap:8px}.settle-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px}.history-row{border-top:1px solid var(--separator)}.history-row:first-child{border-top:none}.history-head{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;color:var(--text);border:none;text-align:left;cursor:pointer}.history-icon{font-size:18px}.history-main{display:flex;flex-direction:column;min-width:0}.history-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:12px;margin-top:2px}.history-amount{font-weight:600;white-space:nowrap}.history-details{padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}.detail-line{display:flex;justify-content:space-between;font-size:14px}.detail-section{margin-top:6px;display:flex;flex-direction:column;gap:4px}.share-line{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-top:1px dashed var(--separator)}.share-line:first-of-type{border-top:none}.receipt-preview{display:block;max-width:100%;max-height:360px;margin-top:8px;border-radius:8px;object-fit:contain;background:var(--secondary-bg)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}.lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.receipt-thumb{display:block;max-width:100%;max-height:360px;margin-top:8px;border-radius:8px;object-fit:contain;background:var(--secondary-bg);cursor:zoom-in}.trip-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;color:var(--text);border:none;border-top:1px solid var(--separator);text-align:left;cursor:pointer;font-size:15px}.trip-row:first-of-type{border-top:none}.trip-row-icon{font-size:18px}.trip-row-body{display:flex;flex-direction:column;min-width:0}.trip-row-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-row-meta{font-size:12px;margin-top:2px}.trip-row-chevron{color:var(--hint);font-size:20px}.topbar-tab.back{max-width:48px;background:transparent}
