:root{color-scheme:light;--paper:#f2f0e8;--ink:#17211c;--muted:#59645b;--line:#17211c30;--accent:#8b4d32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header,footer{padding:28px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{font-weight:400;color:var(--muted)}.small,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1400px;margin:auto;padding:65px 6%}#lobby{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.intro h1{font:normal clamp(48px,5.2vw,80px)/1.06 Georgia,serif;letter-spacing:-3px;margin:28px 0}.intro h1 em{color:var(--accent)}.intro>p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.8;font-size:17px}.note{display:flex;gap:20px;margin-top:65px;border-top:1px solid var(--line);padding-top:25px;max-width:380px}.symbol{font-size:30px;color:var(--accent)}.note strong{font-size:13px}.note p{font-size:13px;color:var(--muted);line-height:1.7}.card{background:#faf9f5;border:1px solid var(--line);padding:30px}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);padding:12px 16px;background:transparent;color:var(--ink)}button:hover{background:#e6e5dd}button:disabled{opacity:.5;cursor:wait}.tabs{display:flex;border-bottom:1px solid var(--line);gap:22px}.tabs button{padding:10px 0 16px;border:0;font-size:13px;color:var(--muted)}.tabs button[aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--accent)}h2{font:normal 34px Georgia,serif;letter-spacing:-1px;margin:28px 0 12px}form>p{font-size:13px;color:var(--muted);line-height:1.6}label{display:block;font-size:12px;margin-top:21px}input,textarea{width:100%;border:1px solid var(--line);padding:13px;background:var(--paper);color:var(--ink);border-radius:0;margin-top:9px;font-size:14px}small{display:block;font-size:10px;color:var(--muted);margin-top:7px}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);display:flex;justify-content:space-between;gap:20px}.primary:hover{background:#304336}#enter{width:100%;margin-top:26px}.fine{font-size:11px;line-height:1.6;color:var(--muted);margin-top:18px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.room-heading h2{margin:10px 0;overflow-wrap:anywhere}.room-heading p{font-size:11px;color:var(--muted)}.room-actions{display:flex;gap:10px}#messages{height:48vh;min-height:250px;overflow:auto;padding:25px 0}.message{padding:15px 20px;background:#faf9f5;border-left:2px solid #8b4d3270;margin-bottom:12px}.message strong{font-size:12px}.message time{font-size:10px;color:var(--muted);margin-left:12px}.message p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}#message-form{display:flex;align-items:stretch;gap:12px}textarea{resize:vertical;margin:0}#notice{color:var(--accent);font-size:14px;min-height:20px;line-height:1.6}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:760px){header,footer{padding:24px 6%;flex-wrap:wrap}.small{display:none}main{padding-top:30px}#lobby{grid-template-columns:1fr;gap:30px}.intro h1{font-size:52px}.note{display:none}.card{padding:23px}.room-heading{align-items:flex-start;flex-direction:column}.room-actions button{font-size:12px}#message-form{gap:8px}#send{padding:12px}footer{font-size:10px}}

#create-group{margin:28px 0;min-width:210px}.group-browser{border-top:1px solid var(--line);padding-top:14px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.list-heading h2{font-size:28px;margin:12px 0}.list-heading button{font-size:12px;padding:8px 12px}#groups-status{font-size:13px;color:var(--muted)}#groups-list{max-height:340px;overflow:auto}.group-choice{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:16px;margin:8px 0;padding:16px;background:#faf9f5}.group-choice strong{display:block;font-size:15px;overflow-wrap:anywhere}.group-choice small{font-size:11px}.group-choice>span:last-child{font-size:12px;color:var(--accent);white-space:nowrap}#more-groups{margin-top:10px}.note{margin-top:28px}

#lobby.browse-only{grid-template-columns:1fr}.browse-only .intro{max-width:800px;width:100%;margin:0 auto}.browse-only .intro h1{font-size:clamp(44px,5vw,68px)}.browse-only .intro>p:not(.eyebrow){max-width:600px}.browse-only #groups-list{max-height:480px}.browse-only .note{display:none}#back-groups{font-size:12px;margin-bottom:18px;border:0;padding-left:0}.card .tabs{display:none}

#profile-form{max-width:420px;margin:20px 0}.profile-fields{display:flex;align-items:stretch;gap:10px;margin-top:8px}.profile-fields input{margin:0;min-width:0}.profile-fields button{white-space:nowrap}


.profile-outside{max-width:410px;margin:28px 0 36px}.profile-outside label{font-size:13px}.profile-outside small{line-height:1.6}#joined-list .group-choice{margin:8px 0}.room-actions{flex-wrap:wrap}#delete-group{border-color:#a85042;color:#8b3b31}#delete-group:hover{background:#f3ded9}

#form-title{overflow-wrap:anywhere}
.group-row{display:flex;align-items:center;gap:8px}.group-row .group-choice{flex:1;min-width:0}.group-row>button:not(.group-choice){flex-shrink:0;font-size:12px}.delete-group{border-color:#a85042;color:#8b3b31}.delete-group:hover{background:#f3ded9}

.group-choice{padding:0}.group-choice .group-name{flex:1;min-width:0;text-align:left}.group-choice button{border:0;padding:16px}.group-choice .group-action{font-size:12px;color:var(--accent);white-space:nowrap;flex-shrink:0}