:root{--bg:#0f1115;--card:#1a1d24;--text:#f2f4f7;--text-secondary:#9aa3b2;--denom-1:#6b7280;--denom-5:#22c55e;--denom-10:#3b82f6;--denom-25:#a855f7;--denom-100:#ef4444;--seat-own:#fbbf24;--disconnect:#f59e0b;--danger:#dc2626;--radius:12px;--denom-h:48px;--font-display:"ZCOOL XiaoWei", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0}button,input{font:inherit}.page{max-width:440px;min-height:100dvh;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.home-hero{flex-direction:column;flex:1;justify-content:flex-end;min-height:62dvh;padding:18vh 0 3.5rem;animation:.55s ease-out both rise;display:flex}.brand-en{letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.7rem}.brand{font-family:var(--font-display);color:var(--text);margin:.6rem 0 .75rem;font-size:clamp(2.6rem,11vw,3.4rem);font-weight:400;line-height:1.08}.tagline{color:var(--text-secondary);max-width:16em;margin:0 0 2.25rem;font-size:.95rem;line-height:1.5}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:.85rem 1.35rem;font-weight:500;transition:transform .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--text);color:var(--bg)}.btn.secondary{background:var(--card);color:var(--text)}.btn.ghost{color:var(--text);box-shadow:inset 0 0 0 2px var(--card);background:0 0}.btn.wide{width:100%}.btn.compact{padding:.4rem .85rem;font-size:.85rem}.btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--card);width:100%;color:var(--text);border-radius:var(--radius);border:none;outline:none;padding:.85rem 1rem}.input:focus{box-shadow:inset 0 0 0 2px var(--text-secondary)}.code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:700}.join-panel{gap:.65rem;margin-top:1.25rem;animation:.3s both fade-up;display:grid}.error{color:var(--danger);margin:.35rem 0 0;font-size:.85rem}.tool-wall{padding-top:.5rem;padding-bottom:2rem}.tool-wall h2{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem;font-size:.8rem;font-weight:500}.tool-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tool-tile{border-radius:var(--radius);background:var(--card);width:100%;min-height:5.25rem;color:var(--text);cursor:pointer;text-align:left;border:none;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.35rem;padding:1.1rem 1rem;font-size:1.1rem;font-weight:500;display:flex}.tool-tile:active{transform:scale(.99)}.tool-title{color:var(--text);font-size:1.1rem;font-weight:500}.tool-subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:400;line-height:1.35}.badge{color:var(--text-secondary);background:var(--bg);border-radius:var(--radius);margin-top:.25rem;padding:.2rem .45rem;font-size:.68rem;font-weight:400;display:inline-block}.eyebrow{color:var(--text-secondary);letter-spacing:.06em;margin:0;font-size:.8rem}.hint{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.nickname{justify-content:center}.nickname-card h1,.lobby-header h1,.paused h1,.stub h1{font-family:var(--font-display);color:var(--text);margin:.35rem 0 .5rem;font-size:2rem;font-weight:400}.nickname-card .input{margin:1.25rem 0 .75rem}.member-list{flex:1;margin-top:1.75rem}.member-list h2{color:var(--text-secondary);font-size:.9rem;font-weight:500}.member-list ul,.paused-members{flex-direction:column;gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.member-list li{border-radius:var(--radius);background:var(--card);align-items:center;gap:.5rem;padding:.9rem 1rem;display:flex}.member-list li.self{box-shadow:inset 0 0 0 2px var(--seat-own)}.host-badge,.lock-badge,.offline-dot,.online-dot{border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);padding:.15rem .45rem;font-size:.68rem}.lock-badge{color:var(--danger)}.lobby-footer,.paused-actions{flex-direction:column;gap:.65rem;margin-top:auto;padding-top:2rem;display:flex}.waiting{text-align:center;color:var(--text-secondary)}.paused{justify-content:center;gap:.5rem}.pick-host-list{flex-direction:column;gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.table{padding-bottom:calc(7.5rem + env(safe-area-inset-bottom));gap:.75rem}.table-top{justify-content:space-between;align-items:center;display:flex}.top-meta{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.top-meta .code{color:var(--text);letter-spacing:.12em;font-weight:700}.dot{opacity:.45}.icon-btn{background:var(--card);color:var(--text);border-radius:var(--radius);cursor:pointer;border:none;width:2.5rem;height:2.5rem}.offline-strip{color:var(--text);text-align:center;border-radius:var(--radius);background:#f59e0b80;padding:.55rem .75rem;font-size:.85rem}.readonly-strip{top:calc(.5rem + env(safe-area-inset-top));z-index:55;background:var(--card);width:min(400px,100% - 1.5rem);color:var(--text-secondary);text-align:center;border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.85rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.seats-rail{scrollbar-width:none;gap:.55rem;padding:.25rem 0;display:flex;overflow-x:auto}.seats-rail::-webkit-scrollbar{display:none}.seat{border-radius:var(--radius);background:var(--card);padding:.75rem}.seat-other{flex-shrink:0;min-width:5.25rem}.seat-other .seat-balance{font-variant-numeric:tabular-nums;color:var(--text);margin:.2rem 0 0;font-size:1.2rem}.seat-self{box-shadow:inset 0 0 0 2px var(--seat-own);margin-top:.5rem;padding:1.5rem 1.25rem 1.6rem;animation:.35s both seat-pop}.seat-label{color:var(--text-secondary);letter-spacing:.08em;margin:0;font-size:.72rem}.seat-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 0;display:flex}.hero-balance{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;margin:.65rem 0 .35rem;font-size:clamp(3.2rem,16vw,4.2rem);line-height:1}.seat-hint{color:var(--text-secondary);margin:0;font-size:.8rem}.seat.locked{opacity:.65}button.seat{font:inherit;color:inherit;text-align:left;cursor:pointer;border:none}.seat-other.selected{outline:2px solid var(--seat-own);outline-offset:1px}.transfer-bar{border-radius:var(--radius);background:var(--card);align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.transfer-bar-meta{color:var(--text-secondary);flex:1;font-size:.85rem}.pot-bar{align-items:center;gap:.4rem;padding:.35rem 0;display:flex}.pot-top{font-variant-numeric:tabular-nums}.pot-target-select{appearance:none}.transfer-box .transfer-title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.25rem}.transfer-targets{color:var(--text-secondary);margin:0 0 .85rem;font-size:.9rem}.transfer-amount-label{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.82rem;display:flex}.transfer-amount-input{border-radius:var(--radius);background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;border:1px solid #f2f4f729;padding:.75rem .85rem;font-size:1.15rem}.transfer-preview{border-radius:var(--radius);background:var(--bg);font-variant-numeric:tabular-nums;margin:.85rem 0 0;padding:.7rem .85rem}.transfer-preview p{margin:0}.transfer-preview ul{color:var(--text-secondary);margin:.4rem 0 0;padding:0;font-size:.88rem;list-style:none}.ledger-panel{margin-top:.15rem}.ledger-toggle{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.35rem .1rem;font-size:.82rem;display:flex}.ledger-list{border-radius:var(--radius);background:var(--card);flex-direction:column;gap:.4rem;max-height:9rem;margin:.25rem 0 0;padding:.55rem .65rem;list-style:none;display:flex;overflow-y:auto}.ledger-empty{color:var(--text-secondary);font-size:.82rem}.ledger-row{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;align-items:baseline;gap:.55rem;font-size:.82rem;display:grid}.ledger-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-amt{color:var(--seat-own)}.ledger-amt-set,.ledger-time{color:var(--text-secondary)}.denom-bar{left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--card);z-index:20;align-items:center;gap:.4rem;width:min(440px,100% - 1.5rem);padding:.5rem;display:flex;position:fixed;transform:translate(-50%)}.batch-toggle{border-radius:var(--radius);height:var(--denom-h);background:var(--bg);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border:none;padding:0 .7rem;font-size:.72rem}.batch-toggle.on{background:var(--text);color:var(--bg)}.denom{height:var(--denom-h);border-radius:var(--radius);cursor:pointer;color:#fff;touch-action:none;border:none;flex:1;font-weight:700;transition:transform .1s}.denom:active{transform:scale(.94)}.denom-1{background:var(--denom-1)}.denom-5{background:var(--denom-5)}.denom-10{background:var(--denom-10)}.denom-25{background:var(--denom-25)}.denom-100{background:var(--denom-100)}.menu-sheet{max-width:440px;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--card);border-radius:var(--radius) var(--radius) 0 0;z-index:40;flex-direction:column;gap:.35rem;margin:0 auto;animation:.22s both sheet-up;display:flex;position:fixed;inset:auto 0 0}.menu-sheet button{background:var(--bg);color:var(--text);text-align:left;border-radius:var(--radius);cursor:pointer;border:none;padding:.95rem 1rem}.menu-sheet button.danger{color:var(--danger)}.menu-sheet button.muted{text-align:center;color:var(--text-secondary);background:0 0}.menu-sheet button:disabled{opacity:.4}.confirm-overlay{z-index:50;background:#0f1115b8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.confirm-box{background:var(--card);border-radius:var(--radius);width:min(360px,100%);color:var(--text);padding:1.25rem}.toast-stack{top:calc(.75rem + env(safe-area-inset-top));z-index:60;flex-direction:column;gap:.4rem;width:min(400px,100% - 1.5rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{text-align:left;border-radius:var(--radius);background:var(--card);width:100%;color:var(--text-secondary);cursor:pointer;border:none;padding:.85rem 1rem;animation:.22s both fade-up}.a2hs{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--card);z-index:30;justify-content:space-between;align-items:center;gap:.75rem;width:min(400px,100% - 1.5rem);padding:.85rem 1rem;animation:.3s both fade-up;display:flex;position:fixed;transform:translate(-50%)}.a2hs p{color:var(--text-secondary);margin:0;font-size:.85rem}.a2hs-dismiss{color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none}.dev-panel{right:.5rem;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:70;background:var(--card);border-radius:var(--radius);flex-direction:column;gap:.35rem;width:9.5rem;padding:.55rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000059}.dev-title{letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:.65rem}.dev-panel button{border-radius:var(--radius);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;border:none;padding:.45rem .5rem;font-size:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes seat-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settlement-pot{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:.35rem 0 .85rem;font-size:.9rem}.settlement-list{flex-direction:column;gap:.55rem;display:flex}.settlement-card{background:var(--card);border-radius:var(--radius);padding:.75rem .85rem}.settlement-card .settlement-name{text-overflow:ellipsis;white-space:nowrap;margin:0 0 .45rem;font-weight:600;overflow:hidden}.settlement-dl{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:0;display:grid}.settlement-dl div{min-width:0}.settlement-dl dt{color:var(--text-secondary);margin:0;font-size:.68rem}.settlement-dl dd{font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;margin:.15rem 0 0}.settlement-foot{box-shadow:inset 0 0 0 1px #f2f4f71f}.net-pos{color:var(--denom-5)}.net-neg{color:var(--denom-100)}.settlement-transfers{flex-direction:column;gap:.65rem;margin-top:1.1rem;display:flex}.settlement-transfers-title{font-family:var(--font-display);margin:0;font-size:1.2rem}.settlement-transfer-list{background:var(--card);border-radius:var(--radius);margin:0;padding:.65rem .85rem;list-style:none}.settlement-transfer-list li{font-variant-numeric:tabular-nums;padding:.35rem 0}.settlement-back,.settlement-wait{margin-top:1.25rem}@media (width>=720px){.page{padding-top:2rem}}