.room-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px}.room-sidebar{padding:18px}.room-list{display:grid;gap:7px;margin:16px 0}.room-choice{display:flex;align-items:center;gap:12px;text-align:left;background:#f8f0f4;color:#79586b;padding:13px 12px;border:1px solid transparent;width:100%}.room-choice>span{font-size:25px;flex:0 0 27px;text-align:center}.room-choice b{font-size:13px;display:block;margin-bottom:5px}.room-choice small{font-size:10px;font-weight:400;line-height:1.6;color:#9c8193;display:block}.room-choice.active{background:#f4e1eb;border-color:#c995ae;color:#8e3d65}.room-choice:hover{background:#f4e7ee}.room-sidebar>.small{font-size:10px;line-height:1.8}.room-conversation{min-width:0}.room-heading{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px}.room-heading h3{margin:0 0 6px;font-size:23px}.room-heading p{margin:0}.room-mark{font-size:32px;color:#a76183;background:#f6e7ef;border-radius:13px;padding:10px 15px}.room-notice{font-size:11px;line-height:1.7;padding:12px 14px;background:#fbf3f7;border-radius:9px}.room-messages{height:390px;padding:15px 0}.room-bubble{padding:13px 15px;min-width:150px}.room-author{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:7px}.room-author b{font-size:11px}.room-author time{font-size:9px;margin:0}.room-author-button{padding:0;background:transparent;color:#a34b71;font-size:11px}.room-author-button:hover{background:transparent;text-decoration:underline}.room-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.room-report{background:transparent;padding:6px 0 0;color:#ad8ca0;font-size:9px;font-weight:400}.room-report:hover{background:transparent;text-decoration:underline}.room-empty{text-align:center;margin:auto;padding:40px 10px}.room-empty h3{font-size:18px}.room-empty p{font-size:12px}.chat-mode-tabs{margin-top:0}
html[data-theme=dark] .room-choice{background:#272034;color:#d6c1ed}html[data-theme=dark] .room-choice small{color:#b2a0c8}html[data-theme=dark] .room-choice:hover{background:#332743}html[data-theme=dark] .room-choice.active{background:linear-gradient(115deg,#3b2850,#213a44);border-color:#626091;color:#85e4eb}html[data-theme=dark] .room-mark{color:#77dce5;background:#2c2641}html[data-theme=dark] .room-notice{background:#252032;color:#c0aed2}html[data-theme=dark] .room-author-button{color:#8cdee7;background:transparent}html[data-theme=dark] .room-author-button:hover{background:transparent;color:#b1f1f7}html[data-theme=dark] .room-report{background:transparent;color:#bba3d1}html[data-theme=dark] .room-report:hover{background:transparent;color:#e5cff8}
@media(max-width:1100px){.room-layout{grid-template-columns:230px minmax(0,1fr)}.room-choice{padding:12px 9px;gap:8px}}
@media(max-width:800px){.room-layout{grid-template-columns:1fr}.room-sidebar{padding:15px}.room-list{display:flex;overflow-x:auto;padding-bottom:5px}.room-choice{min-width:150px;align-items:flex-start}.room-choice small{max-width:160px}.room-messages{height:350px}}
@media(max-width:480px){.room-conversation{padding:16px}.room-mark{padding:9px 12px;font-size:25px}.room-heading h3{font-size:21px}.room-list{margin:12px 0}.room-choice{min-width:145px}.room-choice>span{font-size:20px;flex-basis:20px}.room-notice{font-size:10px}}