/* 성분노트 채팅(오늘의 채팅 · 홈과 성분 페이지가 같은 방) */
.lounge{--lg-ink:#16181d;--lg-muted:#5f636b;--lg-line:#ebe8f1;--lg-accent:#5b4cc4;--lg-soft:#f4f1fd}
.lounge-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lounge-head h2{margin:0;font-size:20px;color:var(--lg-ink)}
.lounge-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--lg-muted)}
.lounge-dot{width:8px;height:8px;border-radius:50%;background:#2f8a5c;animation:lounge-pulse 2s 3}
@keyframes lounge-pulse{0%{box-shadow:0 0 0 0 #2f8a5c66}70%{box-shadow:0 0 0 7px #2f8a5c00}100%{box-shadow:0 0 0 0 #2f8a5c00}}
@media (prefers-reduced-motion:reduce){.lounge-dot{animation:none}.lounge-m.is-new{animation:none}}
.lounge-sub{margin:6px 0 12px;font-size:14px;color:var(--lg-muted)}
.lounge-box{max-height:420px;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--lg-line);border-radius:14px;background:#faf9fc}
.lounge-chat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lounge-m{max-width:88%;align-self:flex-start;padding:9px 12px 8px;border-radius:4px 14px 14px 14px;background:#fff;border:1px solid var(--lg-line)}
.lounge-m.is-mine{align-self:flex-end;border-radius:14px 4px 14px 14px;background:var(--lg-soft);border-color:#e1dbf6}
.lounge-m.is-new{animation:lounge-in 1.6s ease-out}
@keyframes lounge-in{from{box-shadow:0 0 0 3px #d9d1f7}to{box-shadow:0 0 0 0 transparent}}
.lounge-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:13px;color:var(--lg-muted)}
.lounge-meta b{color:var(--lg-ink);font-weight:700}
.lounge .lounge-meta time{font-family:inherit!important;font-weight:400!important;font-size:12.5px!important;letter-spacing:0!important;color:var(--lg-muted)!important}
.lounge-badge{display:inline-block;padding:1px 7px;border-radius:20px;background:var(--lg-accent);color:#fff;font-size:12px;font-weight:700}
.lounge-tag{display:inline-block;padding:1px 8px;border-radius:20px;background:#eef7f1;color:#2a6e48;font-size:12px;font-weight:600;text-decoration:none}
.lounge-tag:hover{text-decoration:underline}
.lounge-quote{display:block;margin:4px 0 0;padding-left:8px;border-left:2px solid #d7d0ee;font-size:13px;color:var(--lg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lounge-body{margin:3px 0 0;font-size:15px;line-height:1.55;color:var(--lg-ink);overflow-wrap:anywhere}
.lounge-acts{display:flex;gap:2px;margin:2px -6px -4px}
.lounge-acts button{min-height:30px;padding:3px 7px;border:0;background:none;color:var(--lg-muted);font-size:12.5px;cursor:pointer;border-radius:8px}
.lounge-acts button:hover{background:#fff;color:var(--lg-accent)}
.lounge-empty{padding:28px 8px;text-align:center;color:var(--lg-muted);font-size:14px}
.lounge-compose{margin-top:10px}
.lounge-replying{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;color:var(--lg-muted)}
.lounge-replying .text-button{min-height:32px}
.lounge-form{display:flex;gap:8px;align-items:center}
.lounge-form input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid #d9d4e5;border-radius:12px;font-size:16px;background:#fff;color:var(--lg-ink)}
.lounge-form input:focus{outline:0;border-color:var(--lg-accent);box-shadow:0 0 0 3px #e7e1fb}
.lounge-form .primary{height:46px;padding:0 18px;border-radius:12px;white-space:nowrap}
.lounge-hint{margin:6px 0 0;font-size:12.5px;color:var(--lg-muted)}
.lounge-join{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--lg-accent);color:var(--lg-accent);font-weight:700;text-decoration:none}
.lounge-join:hover{background:var(--lg-soft)}
.lounge-msg{margin:6px 0 0;font-size:13px;color:#2f8a5c;min-height:1em}
.lounge-msg.is-bad{color:#a32f49}
#lounge{scroll-margin-top:64px}
/* 홈 배치 */
.lounge-section{margin:28px 0 8px;padding:24px 26px;background:#fff;border:1px solid #ebe6f1;border-radius:19px}
@media (max-width:640px){
  .lounge-section{padding:18px 14px;border-radius:16px}
  .lounge-box{max-height:360px;padding:10px}
  .lounge-m{max-width:94%}
}
.lounge-guest{display:inline-block;padding:1px 7px;border-radius:20px;background:#f0f0ee;color:#5f636b;font-size:12px;font-weight:600}
.lounge-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.lounge-hint a{color:var(--lg-accent)}
.lounge-admin{font-size:12.5px;min-height:32px;margin-left:6px}