.rooms-shell{max-width:1080px;margin:auto;padding:0 24px 32px;font-size:15px;line-height:1.6}.rooms-shell a{color:var(--accent);text-underline-offset:4px}.rooms-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.rooms-brand{font:700 25px Georgia,serif;text-decoration:none}.rooms-brand span{color:var(--ink);font:600 14px Microsoft YaHei,sans-serif}.rooms-shell button,.rooms-shell input,.rooms-shell select,.rooms-shell textarea{border:1px solid var(--line);color:var(--ink);background:var(--field);border-radius:6px;min-height:44px;padding:10px 14px}.rooms-shell button{color:var(--accent);background:var(--panel)}.rooms-shell button:hover:not(:disabled){border-color:var(--accent)}.rooms-shell button:disabled{opacity:.45;cursor:default}.rooms-shell :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rooms-shell :is(input,textarea)::placeholder{color:#95adbf;opacity:1}.rooms-shell ::selection{background:var(--accent);color:var(--accent-ink)}.rooms-shell input,.rooms-shell textarea{caret-color:var(--accent)}.rooms-shell label{color:#bacfdf;gap:8px;font-size:14px;display:grid}.rooms-shell input,.rooms-shell select,.rooms-shell textarea{width:100%;min-width:0}.rooms-shell textarea{resize:vertical;max-height:180px}.rooms-shell select{text-overflow:ellipsis}.rooms-shell .room-primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.room-lobby{max-width:840px;margin:auto;padding:64px 0 0}.room-lobby h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.3}.room-lead{color:#b1c7d9;max-width:48ch;margin:0 0 36px}.room-name{max-width:350px}.room-entry-grid{grid-template-columns:1fr 1fr;gap:40px;margin:32px 0;display:grid}.room-entry-grid form{border-top:1px solid var(--line);align-content:start;gap:18px;min-width:0;padding-top:24px;display:grid}.room-entry-grid h2{margin:0 0 2px;font-size:20px}.room-code-input{letter-spacing:.15em}.room-footnote{color:var(--muted);font-size:13px}.room-notice{border:1px solid var(--accent);overflow-wrap:anywhere;background:var(--panel);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.room-notice button{flex-shrink:0}.room-error{border-color:var(--coral);color:#ffc4b0}.room-bar{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.room-bar h1{margin:0;font-size:20px}.room-bar h1 span{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.08em}.room-bar p{color:#a9c0d3;margin:4px 0 0;font-size:13px}.room-connected,.room-disconnected{color:var(--accent);margin-left:12px}.room-disconnected{color:var(--coral)}.room-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;display:grid}.room-sidebar{gap:24px;min-width:0;display:grid}.room-sidebar h2{margin:0 0 12px;font-size:17px}.room-sidebar p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.room-story{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:20px}.room-members h2 span{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.room-members ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.room-members li{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.room-members small{color:var(--accent)}.presence{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.presence.online{background:var(--accent)}.room-hints ol{color:#d0e5e0;margin:0;padding-left:22px}.room-hints li+li{margin-top:10px}.room-controls{gap:10px;display:grid}.room-controls label{margin-top:8px}.room-controls .room-leave{color:var(--muted);margin-top:8px}.room-conversation{border:1px solid var(--line);background:var(--bg);border-radius:6px;min-width:0;overflow:hidden}.room-messages{overscroll-behavior:contain;scrollbar-color:#36556a var(--bg);height:clamp(300px,48dvh,650px);min-height:260px;padding:20px;overflow-y:auto}.room-message{overflow-wrap:anywhere;margin:0 0 20px}.room-message header{color:#aac2d5;align-items:baseline;gap:10px;font-size:13px;display:flex}.room-message header small{color:#a7bccb}.room-message p{white-space:pre-wrap;margin:5px 0 0}.message-system{color:var(--muted);font-size:12px}.message-system header{display:none}.message-ai header,.room-verdict{color:var(--accent)}.room-verdict{align-items:baseline;gap:12px;display:flex}.room-verdict small{color:var(--muted);font-weight:400}.message-chat p{color:#b8cedd}.room-answer{border-top:1px solid var(--line);color:#d5ede5;padding-top:16px}.room-answer h2{font-size:17px}.room-answer p{white-space:pre-wrap;overflow-wrap:anywhere}.room-waiting{color:var(--muted);font-size:13px}.room-composer{border-top:1px solid var(--line);padding:16px}.room-modes{gap:6px;margin-bottom:14px;display:flex}.room-modes button{padding:7px 10px;font-size:13px}.room-modes button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.room-input-label{margin-bottom:8px}.room-send{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.room-composer-note{color:#a0b9cc;margin-top:8px;font-size:12px;display:block}@media (max-width:760px){.rooms-shell{padding:0 16px 24px}.rooms-header{min-height:60px}.room-lobby{padding-top:32px}.room-entry-grid{grid-template-columns:1fr;gap:28px}.room-name{max-width:none}.room-layout{grid-template-columns:1fr;gap:20px}.room-sidebar{gap:18px}.room-story{padding:16px}.room-story p{max-height:200px;overflow-y:auto}.room-controls{flex-wrap:wrap;align-items:end;display:flex}.room-controls label{flex:100%}.room-controls .room-leave{margin-top:0}.room-messages{height:42dvh;min-height:260px;padding:16px}.room-bar{align-items:start}.room-bar>button{flex-shrink:0}.room-connected,.room-disconnected{margin-left:0;display:block}}@media (prefers-reduced-motion:reduce){.rooms-shell *{scroll-behavior:auto}}