:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#201a17;background:#e8dfcf}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(135deg,#0000 75%,#d8cbb8 75%) 0 0/28px 28px,#e8dfcf}button,input,select{font:inherit}main{max-width:1160px;margin:auto;padding:0 35px 35px}header{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #201a17}.brand{display:flex;align-items:center;gap:13px}.brand>span{width:43px;height:43px;display:grid;place-items:center;background:#9d2e2b;color:#fff;border-radius:50%;font-family:serif;font-size:25px}.brand div>*{display:block}.brand b{font-family:serif;font-size:20px}.brand small{font-size:8px;letter-spacing:.22em}header>p{text-align:right;font-size:11px;line-height:1.6}.mast{min-height:330px;display:flex;justify-content:space-between;align-items:center}.kicker{font-size:10px;letter-spacing:.18em}.mast h1{font-family:"Songti SC",serif;font-size:clamp(56px,8vw,90px);line-height:.95;letter-spacing:-.06em;margin:22px 0}.mast h1 em{font-style:normal;color:#9d2e2b}.mast aside{width:160px;height:160px;border:1px solid #201a17;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);background:#eee7dc}.mast aside span,.mast aside small{font-size:10px}.mast aside b{font-family:Georgia;font-size:34px;margin:7px}.workspace{display:grid;grid-template-columns:300px 1fr;border:1px solid #201a17;background:#f6f0e6;box-shadow:10px 10px 0 #201a17}form{padding:25px;border-right:1px solid #201a17;background:#d3b979}.formtitle{display:flex;justify-content:space-between;font-family:serif;font-size:21px;border-bottom:1px solid #201a17;padding-bottom:18px}form>label{display:block;margin:22px 0;font-size:12px;font-weight:700}form output{float:right}input[type=range]{display:block;width:100%;margin-top:13px;accent-color:#9d2e2b}select{display:block;width:100%;margin-top:9px;border:1px solid #201a17;background:#f5ebd4;padding:11px}fieldset{border:0;border-top:1px solid #796a50;padding:15px 0;margin:0}legend{font-size:12px;font-weight:700;padding:0 8px 0 0}fieldset label{display:block;font-size:12px;margin:10px 0}.save{font-weight:400}.generate{width:100%;background:#9d2e2b;color:#fff;border:0;padding:15px;text-align:left;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.privacy{font-size:9px;text-align:center;color:#6b5c47;margin-top:15px}.roster{padding:26px 30px;min-width:0}.rosterhead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #201a17;padding-bottom:18px}.rosterhead p{font-size:9px;letter-spacing:.16em;margin:0}.rosterhead h2{font-family:serif;font-size:25px;margin:4px 0}.rosterhead button{padding:9px 12px;cursor:pointer}.quiet{background:transparent;border:1px solid #201a17}.dark{background:#201a17;color:#fff;border:1px solid #201a17}.names{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}.names li{min-height:83px;border-bottom:1px dashed #a79b8c;display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:12px 8px}.names li:nth-child(odd){border-right:1px dashed #a79b8c;padding-right:18px}.names li:nth-child(even){padding-left:18px}.names .index{font:10px Georgia;color:#8e8274}.names strong{font-family:"Songti SC",serif;font-size:24px;letter-spacing:.12em}.names button{width:32px;height:32px;border:1px solid #aa9e90;background:transparent;border-radius:50%;cursor:pointer}.names button.locked{background:#d3b979;border-color:#201a17}.names .empty{grid-column:1/3;border:0;display:flex;justify-content:center;height:250px;color:#82776c}.empty span{width:42px;height:42px;border:1px solid #9d2e2b;color:#9d2e2b;border-radius:50%;display:grid;place-items:center;font-family:serif}.empty p{font-size:12px}#notice{min-height:26px;padding-top:8px;font-size:11px;color:#9d2e2b}footer{display:flex;justify-content:space-between;padding-top:25px;font-size:9px;letter-spacing:.1em}footer i{font-style:normal}@media(max-width:750px){main{padding:0 15px 30px}.mast{min-height:280px}.mast aside{display:none}.workspace{grid-template-columns:1fr}.workspace form{border-right:0;border-bottom:1px solid #201a17}.names{grid-template-columns:1fr}.names li:nth-child(odd){border-right:0;padding-right:8px}.names li:nth-child(even){padding-left:8px}.names .empty{grid-column:1}.roster{padding:22px 15px}.rosterhead{align-items:end}.rosterhead button{display:block;margin-top:5px;width:100%}header>p{display:none}.mast h1{font-size:58px}}