:root{font-family:system-ui,'Microsoft YaHei',sans-serif;color:#233c32;background:#f5f4ef;font-size:18px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:8px;padding:16px max(16px,calc((100% - 940px)/2));border-bottom:1px solid #dddcd3;background:#fffdf8;position:sticky;top:0;z-index:2}.brand{display:flex;gap:12px;align-items:center;margin-right:auto;white-space:nowrap}.brand b{font-family:serif;font-size:28px;letter-spacing:4px}.brand span{font-size:14px;color:#727c72}main{max-width:940px;margin:auto;padding:26px 18px 80px}h1{font-size:28px;margin:0 0 8px}h2{font-size:22px}h3{font-size:18px}p{line-height:1.6}.muted,small{color:#6f786f;font-size:14px;line-height:1.7}.card{background:#fffdf8;border:1px solid #e1e3d9;border-radius:18px;padding:22px;margin:16px 0}.hero{background:#244f40;color:#fff8e8;border:0}.hero .muted{color:#dae5db}.amount{font-size:46px;font-weight:650;letter-spacing:-1px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}button,.button{font:inherit;cursor:pointer;min-height:50px;padding:12px 18px;border:1px solid #c9d4c9;border-radius:12px;background:#fffdf8;color:#244f40;text-decoration:none;text-align:center;display:inline-block}button.primary{background:#244f40;color:white;border-color:#244f40}.hero button{background:#fff8e8}.quiet{border:0;background:transparent;padding:8px;font-size:15px;min-height:44px}button.danger{color:#a33027;border-color:#dfa49d}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;min-height:52px;font:inherit;padding:12px;border:1px solid #c6cec3;border-radius:10px;background:white;color:#253d32;margin:6px 0 14px}input[type=checkbox]{width:22px;min-height:22px;margin:0 8px 0 0;vertical-align:middle}label{display:block;font-size:16px}.member{width:100%;text-align:left;margin:8px 0;padding:19px;display:flex;justify-content:space-between;gap:10px}.member strong{display:block;font-size:20px}.member .right{text-align:right;white-space:nowrap}.soup{padding:14px 0;border-bottom:1px solid #e8e9de}.pill{background:#eef0e6;color:#52634d;border-radius:6px;padding:3px 8px;font-size:13px}.warning{background:#fff0d0;border:1px solid #e3c988;color:#735316;padding:14px;border-radius:12px;font-size:15px;line-height:1.6}.error{color:#a52c20}.success{color:#246041}dialog{border:0;border-radius:20px;padding:24px;max-width:560px;width:calc(100% - 28px);max-height:90vh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#18312680}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#213e33;color:white;border-radius:12px;padding:14px 20px;max-width:90%;z-index:10;display:none}details{margin:16px 0}summary{cursor:pointer;padding:10px 0}.ledger{border-bottom:1px solid #e3e6dd;padding:18px 0}.ledger p{margin:6px 0}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.preview{overflow:auto;max-height:440px}table{border-collapse:collapse;font-size:14px;width:100%}th,td{text-align:left;padding:10px;border-bottom:1px solid #ddd;white-space:nowrap}.login{max-width:440px;margin:8vh auto}.rule{width:100%;text-align:left}.rule.selected{background:#e1ebdd;border:2px solid #244f40}.formActions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.wrap{overflow-wrap:anywhere}pre{white-space:pre-wrap;font-size:14px}a{color:#244f40}.full{width:100%}@media(max-width:600px){header{padding:12px}.brand span{display:none}main{padding:20px 14px 80px}.card{padding:18px}.grid.mobile-stack{grid-template-columns:1fr}.amount{font-size:42px}.three button{padding:12px 6px}.row{align-items:flex-start}h1{font-size:26px}.toolbar>*{flex:1}.formActions button{flex:1}}

[hidden]{display:none!important}.loginTitle{margin-top:18px}

/* Keep native inputs usable and visible when mobile Safari adjusts the keyboard viewport. */
input,textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation}
input:focus,select:focus,textarea:focus{outline:3px solid #8eae97;outline-offset:2px}
.login input{font-size:18px;min-height:56px}
.member>div:first-child{min-width:0;overflow-wrap:anywhere}
.member .right{flex-shrink:0}
dialog{overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:24px}
@supports(height:100dvh){dialog{max-height:calc(100dvh - 24px)}.login{margin-top:min(8vh,48px)}}