.cf-cover{height:clamp(140px,16vw,200px)}.cf-room{gap:var(--cc-space-4);max-width:48rem;margin:calc(var(--cc-space-6) * -1) auto 0;z-index:1;display:grid;position:relative}.cf-head{--pad:clamp(18px, 3vw, 28px);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid}.cf-icon{border-radius:var(--cc-r-md);background:var(--cc-pending-bg);width:52px;height:52px;color:var(--cc-pending);place-items:center;display:grid}.cf-title{font-family:var(--cc-font-display);letter-spacing:-.02em;color:var(--cc-ink);margin:8px 0 4px;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:400;line-height:1.1}.cf-seats{padding-top:var(--cc-space-3);border-top:1px solid var(--cc-line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 14px;display:flex}.cf-seats .cc-btn{margin-left:auto}.cf-log{--pad:20px;flex-direction:column;min-height:12rem;max-height:min(60vh,560px);display:flex;overflow-y:auto}.cf-quiet{font-size:var(--cc-text-sm);color:var(--cc-ink-3);text-align:center;margin:auto}.cf-send{gap:8px;display:flex}.cf-error{color:var(--cc-danger);margin-top:6px}.cf-channel{gap:10px;display:grid}.cf-channel__list{border:1px solid var(--cc-line);background:#fff;border-radius:14px;align-content:start;gap:12px;min-height:220px;max-height:460px;padding:16px;display:grid;overflow-y:auto}.cf-channel__empty{color:var(--cc-ink-3);margin:auto}.cf-channel__msg{grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.cf-channel__msg p{white-space:pre-wrap;color:var(--cc-ink-2);margin:2px 0 0;font-size:15px;line-height:1.5}.cf-channel__who{align-items:center;gap:6px;font-size:13px;display:flex}.cf-channel__who span{color:var(--cc-ink-3)}.cf-channel__remove{color:var(--cc-ink-3);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:12px}.cf-channel__remove:hover{color:#b42318}.cf-channel__send{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.cf-channel__locked{justify-items:start;gap:12px;display:grid}.cf-channel__locked p{margin:0}.cf-channel__remove.is-confirming{color:#b42318;font-weight:600}.cf-channel__here{color:var(--cc-ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.cf-channel__live{background:var(--cc-teal-mist);color:var(--cc-teal-night);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.cf-channel__live:before{content:"";background:#22a06b;border-radius:50%;width:7px;height:7px}.cf-channel__person{border:1px solid var(--cc-line);color:var(--cc-ink-2);background:#fff;border-radius:999px;padding:2px 8px}.cf-channel__typing{min-height:18px;color:var(--cc-ink-3);margin:0;font-size:13px;font-style:italic}.cf-channel{grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.cf-channel__room{gap:10px;min-width:0;display:grid}.cf-channel--loading{grid-template-columns:minmax(0,1fr)}.cf-members{border:1px solid var(--cc-line);background:#fff;border-radius:14px;flex-direction:column;gap:8px;max-height:560px;padding:14px;display:flex;overflow-y:auto}.cf-members__head{align-items:center;gap:8px;font-size:14px;display:flex}.cf-members__head>span:not(.cf-channel__live){color:var(--cc-ink-3);font-size:13px}.cf-members__head .cf-channel__live{margin-left:auto}.cf-members__group{letter-spacing:.12em;text-transform:uppercase;color:var(--cc-ink-3);margin-top:4px;font-size:11px}.cf-members ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cf-members li{color:var(--cc-ink-2);border-radius:10px;align-items:center;gap:8px;padding:6px;font-size:13.5px;display:flex}.cf-members li.is-here{color:var(--cc-ink)}.cf-members__face{flex-shrink:0;display:inline-flex;position:relative}.cf-members__face i{background:#22a06b;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 2px #fff}.cf-members__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cf-members__role{color:var(--cc-ink-3);margin-left:auto;font-size:11px}.cf-channel__list{min-height:360px}.cf-channel__empty{text-align:center;justify-items:center;gap:8px;max-width:340px;margin:auto;padding:24px 0;display:grid}.cf-channel__empty-icon{background:var(--cc-teal-mist);width:60px;height:60px;color:var(--cc-teal-deep);border-radius:50%;place-items:center;display:grid}.cf-channel__empty b{font-family:var(--cc-font-display);color:var(--cc-ink);font-size:22px;font-weight:400}.cf-channel__empty p{color:var(--cc-ink-2);margin:0;font-size:14px;line-height:1.55}.cf-skel{align-items:center;gap:10px;display:flex}.cf-skel.is-right{flex-direction:row-reverse}.cf-skel__face{border-radius:50%;flex-shrink:0;width:28px;height:28px}.cf-skel__bubble{border-radius:14px;height:38px}.cf-skel__face,.cf-skel__bubble{background:linear-gradient(90deg, var(--cc-teal-tint) 0%, var(--cc-teal-mist) 50%, var(--cc-teal-tint) 100%);background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.cf-skel__face,.cf-skel__bubble{animation:1.4s ease-in-out infinite cf-shimmer}}@keyframes cf-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.cf-channel__loading{text-align:center;color:var(--cc-ink-3);margin:6px 0 0;font-size:13px}@media (max-width:760px){.cf-channel{grid-template-columns:minmax(0,1fr)}.cf-members{flex-direction:row;align-items:center;max-height:none;padding:10px 12px;overflow-x:auto}.cf-members__group,.cf-members__name,.cf-members__role,.cf-members .cc-ready{display:none}.cf-members ul{gap:2px;display:flex}.cf-members li{padding:2px}}