:root{--bg: #f6f6f4;--surface: #ffffff;--surface-2: #f0efec;--text: #1c1c1a;--text-muted: #6b6b66;--border: #c9c8c2;--border-strong: #8d8c85;--accent: #1f6f5c;--accent-weak: #e2efe9;--positive: #1f6f5c;--negative: #a5402f;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #17181a;--surface: #202226;--surface-2: #2a2d31;--text: #eceae5;--text-muted: #9b9a94;--border: #494c52;--border-strong: #6f727a;--accent: #5fb99f;--accent-weak: #22332e;--positive: #5fb99f;--negative: #e08877}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;padding:0 16px 96px}.header{padding:20px 0 12px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1{font-size:22px;margin:0}.share{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.share-row{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.share-label{font-size:12px;color:var(--text-muted)}.share-value{display:flex;align-items:center;gap:8px}.share-value code{flex:1;min-width:0;padding:7px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);font-size:13px;white-space:nowrap;overflow-x:auto}.share-value .btn{flex:0 0 auto;white-space:nowrap}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{flex:1;padding:10px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:15px;font-family:inherit;cursor:pointer}.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.list{display:flex;flex-direction:column;gap:8px}.day{font-size:13px;color:var(--text-muted);margin:16px 0 6px;font-weight:600}.day-muted{opacity:.7}.card{display:flex;flex-wrap:wrap;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.card-main{flex:1;text-align:left;background:none;border:none;padding:12px;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}.card-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card-title{font-weight:600}.card-amount{font-variant-numeric:tabular-nums;font-weight:600}.card-note{margin:6px 0 0;font-size:12px;color:var(--text-muted)}.card-deleted{opacity:.6;align-items:center;padding-right:12px}.summary{display:flex;gap:24px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.summary div{display:flex;flex-direction:column}.summary-label{font-size:12px;color:var(--text-muted)}.summary-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.balance-item{display:flex;flex-wrap:wrap;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.drag-handle{flex:0 0 auto;width:30px;background:none;border:none;border-right:1px solid var(--border);color:var(--border-strong);font-size:15px;line-height:1;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.is-dragging{position:relative;z-index:2;box-shadow:0 4px 14px #0000002e;opacity:.95}.balance-selected{border-color:var(--accent)}.balance{display:block;flex:1;min-width:0;padding:12px;text-align:left;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer}.balance-head{display:flex;justify-content:space-between;align-items:baseline}.balance-name{font-weight:600}.balance-net{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.positive{color:var(--positive)}.negative{color:var(--negative)}.balance-note{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.balance-detail{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.transfer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.transfer-done{opacity:.65}.transfer-main{display:flex;flex-direction:column;gap:2px}.transfer-flow{font-weight:600}.arrow{color:var(--accent);margin:0 4px}.transfer-amount{font-size:18px;font-variant-numeric:tabular-nums}.overlay{position:fixed;inset:0;z-index:20;background:#00000073;overflow-y:auto;padding:16px;display:flex;justify-content:center;align-items:flex-start}.sheet{width:100%;max-width:528px;background:var(--bg);border-radius:14px;padding:16px;margin:16px 0}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet-head h2{font-size:17px;margin:0}.sheet-actions{display:flex;gap:8px;margin-top:16px}.field{display:block;margin-bottom:12px}.field-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.input{width:100%;padding:10px 12px;font-size:16px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.input-amount{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.input-inline{width:auto;flex:1;min-width:0;text-align:right}.select{text-align:left;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.select-inline{width:auto;padding-top:6px;padding-bottom:6px}.block{margin-bottom:14px}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.block-actions{display:flex;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip-muted{color:var(--text-muted);border-style:dashed;text-decoration:line-through}.rows{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:8px}.row-name{width:5em;flex-shrink:0;font-size:14px}.adjust{margin-top:10px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.preview{margin:12px 0;padding:10px 12px;background:var(--accent-weak);border:1px solid var(--accent);border-radius:var(--radius)}.preview-error{background:transparent;border-color:var(--negative)}.preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:14px}.preview-list li{display:flex;justify-content:space-between}.num{font-variant-numeric:tabular-nums;font-weight:600}.btn{flex:1;padding:12px;font-size:15px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-small{flex:0 0 auto;padding:7px 12px;font-size:14px}.btn:disabled{opacity:.4;cursor:not-allowed}.link{background:none;border:none;color:var(--accent);font-size:14px;font-family:inherit;cursor:pointer;padding:0}.link.danger{color:var(--negative);margin-top:4px}.fab{position:fixed;right:max(16px,calc(50% - 264px));bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 3px 10px #00000040}.empty,.hint{font-size:13px;color:var(--text-muted);margin:8px 0}.error{font-size:13px;color:var(--negative);margin:6px 0 0}.section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.delete-expense{display:block;margin:20px auto 4px}.split{margin-top:8px;border-top:1px solid var(--border);padding-top:6px}.split-row{display:grid;grid-template-columns:1fr 6.5em 6.5em;gap:8px;align-items:baseline;font-size:13px;padding:2px 0}.split-row .num{text-align:right}.split-head{font-size:11px;color:var(--text-muted);padding-bottom:2px}.split-head span{text-align:right}.split-name{color:var(--text-muted)}.zero{color:var(--border-strong);font-weight:400}.subtabs{margin:4px 0 12px}.tab-alert{display:inline-block;margin-left:5px;width:16px;height:16px;line-height:16px;border-radius:50%;background:var(--negative);color:#fff;font-size:11px;font-weight:700;text-align:center;vertical-align:1px}.send{flex:0 0 100%;padding:12px;background:var(--surface-2);border-top:1px solid var(--border)}.send-row{margin-top:6px}.send-target{width:auto;flex:0 0 7.5em;padding-top:8px;padding-bottom:8px}.sheet-narrow{max-width:360px;margin-top:12vh;border:1px solid var(--border)}.confirm-title{font-size:16px;margin:0 0 10px}.confirm-body{margin:0 0 6px;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.btn-danger{background:var(--negative);border-color:var(--negative);color:#fff;font-weight:600}.statement-link{display:block;margin-bottom:10px}.split-group{margin-top:10px;font-size:12px;color:var(--text-muted)}.split-total{padding-top:6px;border-top:2px solid var(--border-strong);font-size:16px;font-weight:700}.split-sum{margin-top:4px;padding-top:6px;border-top:1px solid var(--border);font-weight:600}.balance-parts{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.list-head{display:flex;justify-content:space-between;align-items:baseline;padding:2px 2px 8px;font-size:13px;color:var(--text-muted)}.list-head .num{font-size:16px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.card-summary{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.card-expand{width:40px;background:none;border:none;border-left:1px solid var(--border);color:var(--text-muted);font-size:13px;cursor:pointer}.card-detail{flex:0 0 100%;margin:0;padding:8px 12px 10px;background:var(--surface-2);border-top:1px solid var(--border)}.alloc-mode{width:auto;flex:0 0 7.5em;padding-top:8px;padding-bottom:8px}.row-blank{color:var(--border-strong);text-align:right;padding-right:12px}.event-name{padding:0;background:none;border:none;color:inherit;font-family:inherit;font-size:22px;font-weight:700;cursor:pointer}.member-remove{flex:0 0 auto;width:32px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer}.member-remove:disabled{opacity:.25;cursor:not-allowed}.member-edit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.member-edit .link{flex:0 0 auto;white-space:nowrap}.member-edit .link:disabled{opacity:.3;cursor:not-allowed}.settler-select{width:auto;min-width:10em;padding-top:8px;padding-bottom:8px}.alloc{margin-bottom:10px}.alloc-amount{margin-top:2px;padding-right:12px;text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.alloc-amount-muted{color:var(--text-muted);font-weight:400}.pay-total{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-weight:600}.pay-total .num{text-align:right;padding-right:12px;font-variant-numeric:tabular-nums}.badge-view{padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted);font-size:12px}h1.event-name{margin:0}.balance-name .tag{margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--accent-weak);border:1px solid var(--accent);color:var(--accent);font-size:10px;font-weight:600;vertical-align:1px}.banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--negative);border-radius:var(--radius);color:var(--negative);font-size:14px}.banner .link{color:var(--text-muted);flex:0 0 auto}.masthead{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -16px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.logo{margin:0;color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.logo .en{margin-left:6px;color:var(--text-muted);font-size:11px;font-weight:400;letter-spacing:0}.navbar{display:flex;flex-shrink:0;gap:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--border-strong);border-radius:999px;background:none;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}.pill:hover{background:var(--surface-2)}@media(max-width:400px){.pill .t{display:none}.pill{padding:6px 8px}}.help h3{margin:16px 0 4px;font-size:14px}.help h3:first-child{margin-top:4px}.help p{margin:0;font-size:13px;line-height:1.7;color:var(--text-muted)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
