.room-shell{max-width:1280px;padding:28px 24px 45px;margin:auto}.room-demo{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;background:#e3e7d9;border:1px solid #cdd3c3;border-radius:5px;padding:13px 18px}.room-demo label{display:flex;gap:10px;align-items:center}.room-demo select{padding:10px;min-height:44px;border:1px solid #bcc7b4;background:#f7f6ed;border-radius:4px;color:var(--ink);font-size:11px}.room-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;padding:36px 0 32px;gap:50px}.room-hero h1{font-size:42px;margin:0 0 10px;line-height:1.35}.room-hero p{font-size:13px;color:var(--muted)}.room-hero #room-owner{color:var(--teal);font-size:12px}.room-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.room-actions button,.room-links button,.room-video button,.room-rules button,.chat-heading button,.supporter-policy button{min-height:44px;padding:10px 14px;background:transparent;border:1px solid #b9c6b4;border-radius:4px;font-size:11px;color:var(--ink)}.room-actions button[aria-pressed=true]{background:#d4e5d4}.room-actions button:nth-child(2){background:#284f48;color:#f2f0df}.room-sign{min-height:225px;border-radius:8px;background:repeating-linear-gradient(0deg,#264c48,#264c48 3px,#2c534e 4px);border:12px solid #cbd1be;box-shadow:7px 7px 0 #dce0d1;color:#e6cc8d;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:25px 15px}.room-sign span{font:bold 32px/1.1 Arial;letter-spacing:1px}.room-sign small{font-size:9px;color:#afc9b5;margin-top:22px}.room-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line)}.room-links a{font-size:12px;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}.room-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;margin-top:26px}.notice-board{padding:26px;background:#e5e9dc;border:1px solid #c6d1bb;border-radius:7px}.notice-board h2{font-size:24px}.notice-board p{font-size:13px;line-height:1.9}.notice-board small{font-size:9px;color:var(--muted)}.room-video{border:1px solid #cad1c1;background:#f9f7ef;border-radius:7px;padding:25px;margin-top:20px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}.video-mark{font-size:34px;color:var(--teal)}.room-video h3{font-size:17px;margin:0}.room-video p{font-size:12px;color:var(--muted)}.room-video button{grid-column:1/-1}.room-rules{padding:24px 6px;font-size:12px}.room-rules h3{margin:0;font-size:16px}.room-rules p{color:var(--muted);line-height:1.9}#moderator-panel{border:1px dashed #9caf97;border-radius:5px;padding:16px;margin-top:20px}.room-chat{padding:25px;background:#fcfbf5;border:1px solid #cdd4c3;border-radius:7px}.chat-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.chat-heading h2{font-size:23px}.chat-heading button{font-size:9px;padding:8px;max-width:120px}.room-messages{height:260px;overflow:auto;padding:10px 0 18px;margin:14px 0;border-block:1px solid #d9ddcf}.message{margin:15px 0;padding:0 5px;font-size:12px}.message b{font-size:11px;color:var(--teal)}.message small{font-size:9px;color:var(--muted);margin-left:8px}.message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{background:#e6ecdf;padding:12px;border-radius:4px}.room-chat form label{font-size:12px}.room-chat form small{font-size:9px;color:var(--muted)}.room-chat textarea{width:100%;min-height:85px;resize:vertical;border:1px solid #c2ccb9;border-radius:4px;padding:12px;margin:10px 0;background:#f8f7ef;color:var(--ink);font-size:12px}.room-chat form>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.room-chat form button{background:#254f46;color:#f4f1dc;border:0;padding:10px 18px;min-height:44px;border-radius:4px;font-size:12px}.supporter-policy{margin-top:36px;border-top:1px solid var(--line);padding:30px 0 0}.supporter-policy h2{font-size:25px}.supporter-policy p{font-size:12px;color:var(--muted);line-height:1.9}.supporter-policy a{display:inline-flex;margin-left:20px;min-height:44px;align-items:center;font-size:12px}.room-preview-strip{max-width:1232px;margin:0 auto 35px;border-top:1px solid var(--line);padding:28px 0}.room-preview-strip h2{font-size:26px}.room-preview-strip p{font-size:12px;color:var(--muted)}.room-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.room-entry-grid a{padding:22px;border:1px solid #bccabb;border-radius:5px;background:#e9edde;text-decoration:none}.room-entry-grid strong,.room-entry-grid span{display:block}.room-entry-grid strong{font-size:18px;margin:8px 0}.room-entry-grid span{font-size:11px}.room-entry-grid small{font-size:9px;color:var(--teal)}
@media(max-width:1000px){.room-hero{gap:24px}.room-hero h1{font-size:34px}.room-layout{grid-template-columns:1fr}.room-preview-strip{margin-inline:24px}}@media(max-width:600px){.room-shell{padding:18px 16px 30px}.room-demo{display:block;padding:12px}.room-demo label{display:block;margin-top:12px}.room-demo select{display:block;width:100%;margin-top:6px}.room-hero{grid-template-columns:1fr;padding:28px 0;gap:20px}.room-hero h1{font-size:34px}.room-sign{min-height:160px}.room-sign span{font-size:25px}.room-links{gap:8px 16px}.room-links a,.room-links button{font-size:10px}.room-actions{gap:7px}.room-actions button{font-size:10px;padding:9px 11px}.room-chat{padding:18px}.chat-heading h2{font-size:20px}.chat-heading .eyebrow{font-size:8px}.chat-heading button{max-width:93px}.room-chat form>div{flex-wrap:wrap}.room-chat form>div button{width:100%}.room-chat form .quiet{font-size:9px}.notice-board{padding:22px}.room-video{padding:20px;grid-template-columns:1fr}.room-video button{grid-column:1}.supporter-policy a{margin-left:0}.room-preview-strip{margin-inline:16px}.room-entry-grid{grid-template-columns:1fr}}
.chat-sim-controls{display:flex;gap:10px;margin:14px 0}.chat-sim-controls label{font-size:9px;flex:1}.chat-sim-controls select{display:block;width:100%;min-height:44px;margin-top:5px;padding:8px;background:#f2f3e9;color:var(--ink);border:1px solid #c0cbb7;border-radius:4px;font-size:10px}.notify-setting{display:flex;gap:7px;align-items:center;font-size:10px;min-height:44px}.retry-message{display:block;background:transparent;color:var(--teal);border:1px solid #9fb59e;border-radius:4px;padding:8px 12px;min-height:44px;font-size:10px;margin-top:10px}.room-layout:has(.room-chat[hidden]){grid-template-columns:1fr}.room-layout:has(.room-chat[hidden])>section:first-child{max-width:700px}