:root{font:13px "Apple SD Gothic Neo","Nanum Gothic","Malgun Gothic",sans-serif;color:#555;background:#f1f4f5}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:12px;padding:24px}header a{text-decoration:none;color:#1aa8d5;font-size:20px;font-weight:700}header a:last-child{margin-left:auto;font-size:13px}header span{color:#999}.room-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,1.1fr) 320px;gap:15px;padding:0 22px}.panel{border:1px solid #ddd;border-radius:15px;overflow:hidden;background:#fff;display:flex;flex-direction:column;height:460px}.panel h2{margin:0;padding:17px 15px;color:white;background:#1ba6d4;font-size:15px;min-height:54px}.picks h2{background:#95c94f}.room-directory h2{background:#ee2226}.panel h2 span{float:right;font-size:12px;font-weight:400}.summary{padding:15px;background:#dcedbd;color:#568d23}.pick-filter{padding:8px 20px;display:flex;gap:15px;align-items:center;background:#edf6df}.pick-filter span{color:#999;font-size:12px}.panel-scroll{overflow:auto;flex:1}.panel table{width:100%;border-collapse:collapse;font-size:12px}.panel th,.panel td{padding:14px 8px;border-bottom:1px dashed #e8dede;text-align:center}.panel th{color:#999;font-weight:400;background:#fafafa}.panel td:last-child{color:#ee3030}.panel footer{padding:14px;background:#fafafa;border-top:1px dashed #ddd}.conversation-scroll{overflow:auto;flex:1;padding:4px 10px}.room-notice{padding:12px;border:1px dashed #1ba6d4;border-radius:16px;color:#1ba6d4;background:#eff9ff;margin:0 0 5px}#room-chat{list-style:none;padding:0;margin:0}#room-chat li{padding:6px 4px;line-height:22px;overflow-wrap:anywhere}#room-chat strong{color:#222;margin-right:8px}#room-chat time{float:right;font-size:10px;color:#aaa}.tools{padding:8px;border-top:1px dashed #ddd;background:#fafafa;color:#aaa;display:flex;gap:15px;align-items:center}.tools button{background:none;color:#888;border:0;font-size:20px}.entry{display:flex;padding:10px;gap:5px}.entry input{flex:1;min-width:0;border:0}.entry button,#room-create button{border:0;background:#1ba6d4;color:#fff;border-radius:4px;padding:8px 12px}input,select{padding:10px;border:1px solid #ddd;border-radius:5px;font:inherit}#room-error{margin:0 12px 8px;color:#bc3030}#room-list button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px dashed #ddd;background:#fff8f8;text-align:left;padding:15px;cursor:pointer}#room-list button.selected{background:#e9f7fd}#room-list img{width:45px;height:45px}#room-list small{display:block;margin-top:8px;color:#999}#room-search{margin:10px}#room-create{display:flex;gap:5px;padding:0 10px 10px}#room-create input{min-width:0;flex:1}#room-refresh{border:0;color:white;background:transparent;font-size:12px}.empty{padding:20px;color:#999;text-align:center}.copyright{text-align:center;color:#999;margin:35px;font-size:11px}@media(max-width:1100px){.room-layout{grid-template-columns:1fr 1fr}.room-directory{grid-column:1/-1;height:320px}}@media(max-width:700px){.room-layout{display:flex;flex-direction:column;padding:0 10px}.panel{height:420px}.picks{height:300px}header span{display:none}}

.member-chat-rank{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:4px}