:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef2f5;--text:#15232d;--muted:#5d6b76;--line:#dbe2e8;--accent:#153f56;--accent-text:#fff;--accent-soft:#e3eef4;--pos:#18794e;--pos-soft:#e3f4ea;--neg:#b42318;--neg-soft:#fde8e6;--warn:#9a5b00;--warn-soft:#fff1d6;--focus:#2f80b5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f171d;--surface:#17222a;--surface-2:#1f2d37;--text:#e6edf2;--muted:#9aa9b4;--line:#2c3c47;--accent:#7cc3e6;--accent-text:#0f171d;--accent-soft:#1d3442;--pos:#5fd39a;--pos-soft:#16352a;--neg:#ff8a7a;--neg-soft:#3d1f1c;--warn:#f3b950;--warn-soft:#3a2c12;--focus:#7cc3e6}}:root[data-theme=dark]{--bg:#0f171d;--surface:#17222a;--surface-2:#1f2d37;--text:#e6edf2;--muted:#9aa9b4;--line:#2c3c47;--accent:#7cc3e6;--accent-text:#0f171d;--accent-soft:#1d3442;--pos:#5fd39a;--pos-soft:#16352a;--neg:#ff8a7a;--neg-soft:#3d1f1c;--warn:#f3b950;--warn-soft:#3a2c12;--focus:#7cc3e6}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:120px}header.bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}header.bar h1{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:1;min-width:0;margin:0;font-size:18px;overflow:hidden}header.bar .sub{color:var(--muted);font-size:12px;font-weight:400;display:block}main{padding:16px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;min-height:44px;padding:10px 14px}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.ghost{color:var(--accent);background:0 0;border-color:#0000;padding:8px 10px}button.danger{color:var(--neg)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button.block{width:100%}.icon-btn{min-width:44px;padding:8px;font-size:20px;line-height:1}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}label.f{color:var(--muted);margin:14px 0 6px;font-size:13px;font-weight:600;display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pos{color:var(--pos)}.neg{color:var(--neg)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:40px;padding:8px 14px}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tag{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.tag.confirmed{background:var(--pos-soft);color:var(--pos)}.tag.pending{background:var(--warn-soft);color:var(--warn)}.tag.disputed{background:var(--neg-soft);color:var(--neg)}.tag.info{background:var(--accent-soft);color:var(--text)}.seg{background:var(--surface-2);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{background:0 0;border:0;flex:1;min-height:38px;padding:6px 8px}.seg button.on{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #00000026}.tabs{z-index:4;background:var(--bg);padding:10px 16px 0;position:sticky;top:61px}.list-item{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;border-radius:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.next{background:var(--accent-soft);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:12px 14px}.next h3{margin:0 0 6px;font-size:14px}.next ul{margin:0;padding-left:18px}.next li{margin:4px 0}.next li button{vertical-align:top}.banner{background:var(--warn-soft);color:var(--text);border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:14px}.amount-input{text-align:center;padding:14px;font-size:34px;font-weight:700}.fab{z-index:6;border-radius:999px;padding:14px 20px;position:fixed;bottom:24px;right:max(16px,50% - 224px);box-shadow:0 4px 14px #00000040}.err{color:var(--neg);min-height:20px;margin-top:8px;font-size:14px}.toast{z-index:20;background:var(--text);color:var(--bg);border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.explain{background:var(--surface-2);border-radius:10px;margin:4px 0 10px;padding:10px 12px;font-size:14px}.explain div{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.step-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:700}.check{align-items:baseline;gap:8px;margin:4px 0;display:flex}.link-box{background:var(--surface-2);word-break:break-all;border-radius:8px;margin:8px 0;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:14px}