
/* ================= LIVE ROOMS V2 ================= */
.live-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 13px}
.live-room-search{width:min(430px,100%);height:43px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;padding:0 12px;border:1px solid rgba(25,48,36,.09);border-radius:14px;background:rgba(251,252,247,.92);box-shadow:0 9px 25px rgba(27,49,37,.035)}
.live-room-search span{display:grid;place-items:center;color:#779080;font-size:17px}
.live-room-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;font-size:11px!important;color:#254133}
.live-room-search input:focus{outline:0!important}
.live-directory-stats{display:flex;gap:7px;align-items:center}
.live-directory-stats>span{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:999px;border:1px solid rgba(28,52,39,.08);background:#f5f7f1;color:#597064;font-size:9px;white-space:nowrap}
.live-directory-stats b{font:800 10px Manrope;color:#294637}.live-directory-stats small{font-size:8px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#8ec45f;box-shadow:0 0 0 4px rgba(142,196,95,.12);animation:liveDirectoryPulse 2.4s ease-in-out infinite}
@keyframes liveDirectoryPulse{50%{box-shadow:0 0 0 7px rgba(142,196,95,.02)}}
.live-filterbar{margin-bottom:15px!important}.live-rooms-grid-v2{gap:14px!important}
.live-room-card{position:relative!important;min-height:205px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(27,51,39,.08)!important;background:#fbfcf7!important;box-shadow:0 12px 36px rgba(22,46,33,.045)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease!important}
.live-room-card:hover{transform:translateY(-5px)!important;border-color:rgba(92,133,75,.19)!important;box-shadow:0 24px 60px rgba(22,46,33,.09)!important}
.live-room-card:before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#9bc86d,#b9ec6b)}
.live-room-card.dusk:before{background:linear-gradient(90deg,#7766ab,#b4a1dd)}.live-room-card.morning:before{background:linear-gradient(90deg,#d6a47f,#f0c59f)}.live-room-card.stone:before{background:linear-gradient(90deg,#71837a,#a8b5ae)}
.live-room-card-inner{display:flex;flex-direction:column;min-height:205px;padding:18px}
.live-room-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-room-card-status{display:flex;align-items:center;gap:7px}
.live-room-card-status .pulse{width:7px;height:7px;border-radius:50%;background:#8fc25f;box-shadow:0 0 0 4px rgba(143,194,95,.12)}
.live-room-card-status b{font-size:9px;color:#476352}.live-room-card-flags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.live-room-card-flags span{font-size:7.5px;font-weight:800;padding:5px 7px;border-radius:999px;background:#edf2e8;color:#64786d;border:1px solid rgba(45,71,55,.06)}
.live-room-card-copy{margin-top:22px}.live-room-card-copy h2{margin:0 0 7px!important;font-size:22px!important;letter-spacing:-1px!important;color:#1e382b}
.live-room-card-copy p{margin:0;max-width:95%!important;min-height:31px;color:#74877c!important;font-size:9.5px!important;line-height:1.5!important}
.live-room-card-footer{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.live-occupancy{display:grid;gap:6px}.live-occupancy-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#819187}
.live-occupancy-bar{height:4px;border-radius:999px;background:#e8eee4;overflow:hidden}.live-occupancy-bar i{display:block;height:100%;border-radius:999px;background:#8bb867}
.live-room-enter{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-width:88px;padding:9px 11px;border-radius:10px;background:#1c382a;color:#f1f7ed;font-size:8.5px;font-weight:900}
.live-room-card.is-member .live-room-enter{background:#b9ec6b;color:#1b3025}.live-room-card.is-full:not(.is-member){opacity:.62}.live-room-card.is-full:not(.is-member) .live-room-enter{background:#e9ede6;color:#849187}
.live-chat-card{border-color:rgba(29,53,40,.08)!important;box-shadow:0 18px 52px rgba(23,45,33,.06)!important}.live-chat-head{background:rgba(250,252,247,.92);backdrop-filter:blur(10px)}
.live-room-notice{background:#f5f5ec!important;color:#7b745f!important;border-bottom-color:#e9e7da!important}
.live-messages{background:radial-gradient(circle at 82% 0,rgba(185,236,107,.065),transparent 31%),linear-gradient(180deg,#f8faf5,#f4f7f1)!important}
.live-msg{animation:liveMessageIn .28s cubic-bezier(.16,1,.3,1) both}@keyframes liveMessageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.live-msg-bubble{background:#fff!important;border-color:rgba(31,58,43,.08)!important;box-shadow:0 6px 18px rgba(29,53,40,.035)}.live-msg.mine .live-msg-bubble{background:#dff0c8!important;border-color:rgba(105,145,80,.12)!important}
.live-msg-meta{opacity:.45;transition:opacity .2s ease}.live-msg:hover .live-msg-meta{opacity:1}
.live-typing-row{min-height:25px;padding:5px 16px 4px;background:#fafbf7;color:#75877c;font-size:8.5px;display:flex;align-items:center;gap:6px}
.live-typing-row.active:before{content:'';width:5px;height:5px;border-radius:50%;background:#8bb768;box-shadow:7px 0 #a7ca8a,14px 0 #c0d9ad;margin-right:13px;animation:typingBlink 1.1s ease-in-out infinite}
@keyframes typingBlink{50%{opacity:.35}}
.live-compose{grid-template-columns:minmax(0,1fr) auto auto!important}.live-compose textarea{min-width:0;resize:none;max-height:90px;min-height:38px;border:1px solid #dce6d8;border-radius:11px;background:#f8faf6;padding:10px 11px;font:500 10px/1.45 DM Sans,sans-serif;color:#294536;outline:0;overflow-y:auto}
.live-compose textarea:focus{border-color:#9dbd80;box-shadow:0 0 0 3px rgba(157,189,128,.11)}.live-compose button{background:#1b382a!important;color:#eff5eb!important}.live-compose button:hover{background:#264a36!important}
.live-members-card{box-shadow:0 12px 36px rgba(25,48,36,.045)!important}.live-member{transition:background .18s ease,transform .18s ease}.live-member:hover{transform:translateX(2px)}
.live-member-avatar{background:#e4efda!important;color:#31543d!important}.live-owner-crown{font-size:8px;color:#8aa162;margin-left:4px}
@media(max-width:760px){.live-directory-toolbar{align-items:stretch;flex-direction:column}.live-room-search{width:100%;box-sizing:border-box}.live-directory-stats{justify-content:flex-start}.live-room-card{min-height:190px!important}.live-compose{grid-template-columns:minmax(0,1fr) auto!important}.live-char-count{display:none!important}}
