:root{color:#203235;font-synthesis:none;background:#f1f5f4;font-family:Arial,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{max-width:1000px;margin:48px auto;padding:0 24px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:2px;color:#54736d;font-size:11px;font-weight:700}h1{margin:10px 0;font-size:30px}h1 span{font-weight:400}h2{font-size:25px}p{line-height:1.7}.badge{color:#326556;border:1px solid #a6c6bc;border-radius:20px;padding:8px 14px;font-size:12px}.notice{color:#6b531c;background:#fff3d9;border:1px solid #ead8ac;border-radius:8px;padding:13px 16px;font-size:13px}nav{gap:8px;margin:24px 0 12px;display:flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #cad7d3;border-radius:7px;padding:10px 16px}button:focus-visible{outline-offset:3px;outline:3px solid #269778}nav button[aria-pressed=true]{color:#fff;background:#245e50;border-color:#245e50}button:disabled,input:disabled{cursor:not-allowed;color:#66746e;background:#f0f3f2}main{background:#fff;border:1px solid #dce5e1;border-radius:12px;min-height:425px;padding:30px}.form{gap:15px;max-width:370px;margin-top:25px;display:grid}label{gap:8px;font-size:13px;display:grid}input{font:inherit;border:1px solid #cedbd5;border-radius:6px;min-width:0;padding:12px}.muted,small{color:#677b72;font-size:12px}.muted{margin-top:25px}.chat{border:1px solid #dce5e1;border-radius:8px;grid-template-columns:190px 1fr;margin-top:24px;display:grid;overflow:hidden}.rooms{background:#f2f7f4;padding:20px}.conversation{padding:20px}.message{background:#ecf4ef;border-radius:8px;margin:25px 0;padding:12px 16px}.message p{margin:5px 0}.compose{gap:8px;display:flex}.compose input{flex:1}.cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}article{border:1px solid #dce5e1;border-radius:8px;padding:20px}article p{font-size:13px}footer{justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;display:flex}.ok{color:#237355}.error{color:#b33c30}.footnote{color:#677b72;text-align:center;font-size:11px}@media (width<=600px){.shell{margin:24px auto;padding:0 14px}h1{font-size:24px}main{padding:20px}.chat,.cards{grid-template-columns:1fr}.rooms{border-bottom:1px solid #dce5e1}.compose{flex-direction:column}.notice{font-size:12px}footer{gap:12px}footer button{font-size:12px}}main{overflow-wrap:anywhere}main button,main input,main select,main textarea{min-width:0;max-width:100%}main button,main a{overflow-wrap:anywhere}main h2:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #269778}nav{flex-wrap:wrap}.shell{max-width:1180px}.chat-intro{font-size:14px}.chat-layout{border:1px solid #dce5e1;border-radius:8px;grid-template-columns:minmax(220px,30%) minmax(0,1fr);margin-top:24px;display:grid;overflow:hidden}.room-panel{background:#f2f7f4;border-right:1px solid #dce5e1;min-width:0;padding:20px}.room-panel h3{margin:0 0 20px}.count{color:#54736d;font-size:12px}.room-filter{margin:16px 0 8px}select,textarea{font:inherit;min-width:0;max-width:100%;color:inherit;background:#fff;border:1px solid #cedbd5;border-radius:6px;padding:10px}textarea:disabled{cursor:not-allowed;color:#66746e;resize:none;background:#f0f3f2}.room-list,.message-list{margin:20px 0 0;padding:0;list-style:none}.room-list li+li{margin-top:8px}.room-button{text-align:left;overflow-wrap:anywhere;gap:8px;width:100%;padding:14px;display:grid}.room-button[aria-pressed=true]{background:#e4eee9;border:2px solid #245e50;padding:13px}.room-kind{color:#54736d;font-size:11px}.room-name{font-size:14px;line-height:1.6}.selected-label{color:#245e50;font-size:11px;font-weight:700}.conversation-panel{flex-direction:column;min-width:0;min-height:530px;display:flex}.conversation-header{overflow-wrap:anywhere;border-bottom:1px solid #dce5e1;padding:20px 24px}.conversation-header h3{margin:8px 0 0;line-height:1.6}.messages-area{flex:1;min-width:0;padding:24px}.message-list{flex-direction:column;gap:18px;margin:0;display:flex}.bubble{background:#ecf4ef;border-radius:10px;align-self:flex-start;min-width:0;max-width:92%;padding:14px 18px}.bubble.mine{background:#e3eceb;align-self:flex-end}.sender{color:#54736d;font-size:12px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px}.input-area{border-top:1px solid #dce5e1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px 24px;display:grid}.input-area small{grid-column:1/-1}.empty-state{text-align:center;overflow-wrap:anywhere;padding:28px 10px}.empty-state p{color:#677b72;font-size:13px}.choose-room{margin:auto;padding:30px}.back-button{display:none}input:focus-visible,select:focus-visible,textarea:focus-visible,h3:focus-visible{outline-offset:3px;outline:3px solid #269778}main,section,article{min-width:0}h1,h2,h3{overflow-wrap:anywhere}@media (width<=600px){.chat-layout{display:block}.room-panel{border:0}.show-conversation .room-panel,.show-list .conversation-panel{display:none}.conversation-panel{min-height:440px}.conversation-header,.messages-area,.input-area{padding:16px}.back-button{margin-bottom:16px;display:block}.input-area{grid-template-columns:minmax(0,1fr)}.input-area button{width:100%}.bubble{max-width:100%}.shell{padding:0 12px}main,.room-panel{padding:16px}header{gap:8px}.badge{flex-shrink:0;padding:8px 10px}}