:root{color-scheme:light;--ink:#302e27;--muted:#656457;--green:#264b3c;--line:#deddd1;--paper:#fffef9;--gold:#efd9a5}
*{box-sizing:border-box}body{margin:0;background:#f6f3eb;color:var(--ink);font:16px/1.55 "DM Sans","Microsoft YaHei","PingFang SC",sans-serif}
button,input,select{font:inherit}button,select{cursor:pointer}button{border:0;border-radius:9px;font-weight:650;padding:11px 18px;color:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c27338;outline-offset:3px}button:disabled{cursor:default}
[hidden]{display:none!important}header{border-bottom:1px solid var(--line);background:#fcfaf4}
.bar,main{max-width:808px;margin:auto;padding:0 24px}.bar{display:flex;align-items:center;justify-content:space-between;height:78px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-weight:850;letter-spacing:.04em;font-size:23px;text-decoration:none}
.logo{width:37px;height:37px;background:var(--green);border-radius:11px;display:grid;place-items:center}.logo i{position:relative;width:17px;height:14px;border:2px solid #f4e4bc;border-radius:2px 3px 7px 6px;margin-left:-3px}.logo i:after{content:"";position:absolute;border:2px solid #f4e4bc;border-left:0;border-radius:0 4px 4px 0;width:4px;height:5px;right:-7px;top:0}
nav{display:flex;gap:5px}nav button,.filters button{font-size:14px;background:transparent;color:var(--muted)}nav button[aria-current],.filters button[aria-pressed=true]{color:var(--green);background:#e4eadf}
main{padding-bottom:44px}.context{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:74px;font-size:14px;color:var(--muted)}
h1,h2,p{margin:0}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;line-height:1.25}h2{font-size:21px;line-height:1.4}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:var(--gold);min-height:218px;display:flex;align-items:center;padding:36px}.heroText{position:relative;z-index:1}
.orderActions{display:flex;gap:10px;margin-top:23px}button.primary{background:var(--green);color:white}button.light{background:#fff6df;border:1px solid #cdbd96}.orderActions button{min-width:105px}
.orderActions button[aria-pressed=true]{box-shadow:0 0 0 2px #66562f;outline-offset:4px}
.illustration{position:absolute;right:0;inset-block:0;width:34%;background:repeating-linear-gradient(90deg,transparent 0 15px,#ffffff25 15px 25px),repeating-linear-gradient(0deg,#b79a6830 0 15px,#ffffff25 15px 25px);display:grid;place-items:center;transform:rotate(-8deg) scale(1.22);transform-origin:center}
.saucer{position:relative;width:139px;height:139px;border-radius:50%;background:radial-gradient(circle at 45% 42%,#d7caac 40%,#f6efda 59%,#fffae8 65%,#ccc1a2 71%);box-shadow:6px 12px 15px #65563b4d;transform:rotate(-23deg)}
.cup{position:absolute;inset:20px;background:#fff9e5;border-radius:50%;padding:6px;box-shadow:4px 6px 7px #62533966}
.handle{position:absolute;width:25px;height:19px;right:4px;top:60px;border:6px solid #fff7df;border-radius:8px;box-shadow:1px 3px 3px #67573855}
.brew{height:100%;border-radius:50%;background:radial-gradient(ellipse at 46% 49%,#bb7a41 0 44%,#aa642e 58%,#d39b5e 67%,#7c472a 72%);display:grid;place-items:center;position:relative;overflow:hidden}
.brew i,.brew b{position:absolute;width:38%;height:49%;top:23%;border-radius:95% 8% 85% 18%;background:repeating-radial-gradient(ellipse at 100% 100%,#edd6aa 0 4px,#c48b54 5px 7px);transform:rotate(-59deg);left:23%}.brew b{left:40%;transform:scaleX(-1) rotate(-59deg)}
.paper{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 30px}.round{margin-top:20px}.sectionTitle,.pay,.member{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionTitle>span{color:var(--muted)}.sectionTitle strong{font:700 28px/1 Georgia,serif;color:var(--green)}
ul{list-style:none;padding:0;margin:13px 0}.member{border-bottom:1px solid #e9e8df;padding:13px 0;min-height:57px}.member:last-child{border:0}.person{display:flex;align-items:center;gap:12px;font-weight:600}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-size:14px;background:#eee0d3;color:#6d503a}.v-b{background:#dfe9dd;color:#405b42}.v-c{background:#e7e3ee;color:#594c6a}.status{font-size:14px;color:var(--muted)}.status.positive{color:var(--green);font-weight:650}
.pay{border-top:1px dashed #c9cabb;padding-top:19px}.pay div{display:grid;gap:2px}.pay span,#range,#pastPayer,#unpaid{color:var(--muted);font-size:14px}.pay strong{font-size:18px}.outline{background:transparent;color:var(--green);border:1px solid #839487}
#book h1,#login h1{font-size:26px}.filters{display:flex;gap:5px;margin:24px 0 14px}.filters button{border:1px solid var(--line)}
input{max-width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}table{margin:14px 0;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}td,th{padding:12px 3px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{font-weight:500;color:var(--muted);font-size:14px}#dayDetail{margin-top:25px}#notice{margin-top:16px;padding:10px 15px;background:#f4e5ca;border-radius:9px}#login{max-width:450px;margin:65px auto}
@media(max-width:560px){.bar,main{padding-inline:16px}.bar{height:64px}.brand{font-size:20px;gap:7px}nav button{padding:10px 9px}.context{min-height:61px}.hero{min-height:181px;padding:20px}.hero h1{font-size:28px}.illustration{right:-7%;width:34%}.saucer{transform:rotate(-25deg) scale(.73)}.paper{padding:20px}.orderActions{gap:8px;margin-top:20px}.orderActions button{min-width:83px;padding:10px 12px}.round{margin-top:14px}.sectionTitle input{font-size:13px}.pay{padding-top:15px}}
@media(max-width:370px){.hero h1{font-size:25px}.illustration{right:-12%}.context{font-size:12px}.paper{padding:16px}.brand{font-size:18px}}

#roundPicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--muted);font-size:14px}
#roundSelect{padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--green)}
#addRound{display:block;margin:16px 0 0 auto}
#roundDialog{width:min(350px,90vw);border:1px solid #d8d4c4;border-radius:16px;padding:24px;background:#fffef9;color:#302e27}
#roundDialog::backdrop{background:#202d2580}#dialogPayer{margin:10px 0 24px}
.dialogActions{display:flex;justify-content:flex-end;gap:10px}
.roundDetail h3{margin:16px 0 0;font-size:16px}.roundDetail p{font-size:14px;color:var(--muted)}
#memberChoices{display:grid;gap:12px;margin-top:24px}.memberChoice{padding:16px;text-align:left;border:1px solid transparent}
.memberChoice[data-member="a"]{background:#fff;color:#302e27;border-color:#d9d6cc}
.memberChoice[data-member="b"]{background:#264b3c;color:#fff}
.memberChoice[data-member="c"]{background:#75468e;color:#fff}
.memberChoice:hover{filter:brightness(.96)}
.identity{display:flex;align-items:center;gap:12px;color:var(--green);font-weight:650}#logout{padding:6px 0;background:transparent;color:var(--muted);font-size:14px;font-weight:400}