*{box-sizing:border-box}body{margin:0;background:#eeeadc;color:#2d423a;font-family:'PingFang SC',sans-serif}header{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;border-bottom:1px solid #cbd0c1;font-size:12px}a{color:inherit;text-decoration:none}small{font-size:10px;letter-spacing:1px;color:#7a8879}header small{margin-left:14px}header span{color:#7f8b7c}main{max-width:1250px;padding:50px 5vw 100px;margin:auto}#auth{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;min-height:65vh}h1{font-family:'Songti SC',serif;font-weight:400;font-size:clamp(38px,5vw,65px);line-height:1.2;margin:20px 0 30px}h2{font-family:'Songti SC',serif;font-weight:400;font-size:24px}p{font-size:14px;line-height:1.9}.intro{max-width:470px}.panel{padding:28px;background:#f8f5e9;border:1px solid #d1d8c6;border-radius:16px}label{display:block;font-size:12px;margin:20px 0 8px}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #c9d1bd;border-radius:8px;background:#fffdf6;color:inherit;font:inherit;margin-top:8px}textarea{resize:vertical}button{border:1px solid #bdcbb5;padding:11px 17px;border-radius:8px;background:#edf0e1;color:#3a513e;font:inherit;font-size:12px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:#3b5847;color:#fff6da;margin-top:20px}.tabs{display:flex;gap:10px}.tabs [aria-pressed=true]{background:#3b5847;color:#fff6da}.muted{font-size:12px;color:#7c8675}.grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.welcome,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.welcome{justify-content:space-between;margin-bottom:30px}.welcome h1{font-size:38px}.row .primary{margin-top:0}.row{margin-top:15px}.room-panel{grid-column:1/-1}.room-panel select{width:160px;margin:0}#room-canvas{width:100%;height:360px;display:block;border-radius:10px;background:#d5dfce;touch-action:none}#members{font-size:12px;line-height:2;color:#6f7b66}#works button{display:block;width:100%;margin-top:12px;text-align:left}#notice{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#314e40;color:#fff5d8;padding:12px 20px;border-radius:10px;max-width:90vw;z-index:5;white-space:pre-wrap}#notice:empty{display:none}#invite-value{overflow-wrap:anywhere;user-select:all}#pet-version{display:block;margin-top:12px}[hidden]{display:none!important}@media(max-width:760px){#auth,.grid{grid-template-columns:1fr;gap:25px}header{flex-direction:column}main{padding-top:25px}.intro h1{font-size:48px}#room-canvas{height:280px}.panel{padding:20px}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a78b4f;outline-offset:3px}