.ccn-directory,.ccn-room,.ccn-invitation{--ccn-text:#eef0fa;--ccn-soft:#a7aec1;color:var(--ccn-text)}.ccn-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 25px}.ccn-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--accent);display:block;margin-bottom:9px}.ccn-heading h1{font-size:29px;letter-spacing:-.8px}.ccn-heading p{margin:7px 0 0}.ccn-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px;flex-wrap:wrap}.ccn-tabs button{background:transparent;color:var(--ccn-soft);border-color:transparent}.ccn-tabs button[aria-pressed=true]{color:var(--ccn-text);background:var(--panel);border-color:var(--line)}.ccn-tabs a{margin-left:auto;font-size:13px;color:var(--ccn-soft)}.ccn-search{display:flex;gap:9px;margin-bottom:20px}.ccn-search[hidden],.ccn-create[hidden],.ccn-info[hidden]{display:none}.ccn-search input{margin:0;max-width:500px}.ccn-list{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ccn-card{display:flex;align-items:flex-start;gap:15px;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--panel);min-width:0;transition:border-color .15s,transform .15s}.ccn-card:hover{border-color:var(--accent);transform:translateY(-1px)}.ccn-symbol{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#555177,#302e49);color:#e7e1ff;font-size:21px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff16}.ccn-card>div{min-width:0;flex:1}.ccn-card-title{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.ccn-card h2{font-size:17px;margin:0;overflow-wrap:anywhere}.ccn-card p{font-size:13px;line-height:1.6;margin:8px 0 14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ccn-card small{font-size:11px;color:var(--ccn-soft)}.ccn-badge{font-size:9px;letter-spacing:.3px;border:1px solid var(--line);border-radius:20px;padding:2px 7px;color:var(--ccn-soft)}.ccn-empty{grid-column:1/-1;text-align:center;padding:45px 20px;max-width:480px;margin:auto}.ccn-empty>span{font-size:50px;color:var(--accent)}.ccn-empty h2{margin:10px 0;font-size:21px}.ccn-empty p{font-size:14px;line-height:1.7}.ccn-create{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--panel);margin-bottom:20px;max-width:650px}.ccn-panel-head{display:flex;justify-content:space-between;align-items:center}.ccn-panel-head button{border:0;background:transparent;font-size:24px;padding:2px 10px}.ccn-create textarea{min-height:80px;resize:vertical}.ccn-create fieldset{border:0;padding:0;margin:0 0 16px}.ccn-create legend{font-size:13px;margin-bottom:10px;color:var(--ccn-soft)}.ccn-choice{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer}.ccn-choice input{width:18px;height:18px;margin:4px 0;accent-color:var(--accent);flex:none}.ccn-choice small{display:block;font-size:12px;color:var(--ccn-soft);margin-top:4px}.ccn-inline-error{color:#f4a8b1}.ccn-room{height:calc(100dvh - 195px);min-height:420px;max-height:1000px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);max-width:1000px;margin:auto}.ccn-room-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line);flex:none}.ccn-back{font-size:29px;padding:0 5px;color:var(--ccn-soft)}.ccn-room-name{flex:1;min-width:0}.ccn-room-name h1{font-size:19px;line-height:1.3;overflow-wrap:anywhere;margin:0 0 4px}.ccn-room-name small{font-size:11px;color:var(--ccn-soft)}.ccn-room-head button{font-size:12px;padding:9px 11px}.ccn-info{padding:16px 20px;overflow:auto;max-height:55%;border-bottom:1px solid var(--line);background:var(--bg);flex:none}.ccn-info p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.ccn-info h2{font-size:14px;margin:20px 0 8px}.ccn-info-actions{display:flex;gap:8px;flex-wrap:wrap}.ccn-info button{font-size:12px;padding:8px 11px}.ccn-invite-result input{font-size:12px;margin-bottom:8px}.ccn-member{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.ccn-member a{font-size:13px;overflow-wrap:anywhere;min-width:0;flex:1}.ccn-member small{color:var(--ccn-soft);font-size:10px}.ccn-messages{min-height:90px;overscroll-behavior:contain}.ccn-messages .message-row{max-width:92%}.ccn-delete-message{border:0;background:transparent;color:var(--ccn-soft);font-size:16px;padding:0 6px;margin-left:auto;min-height:26px;min-width:26px}.ccn-compose{display:flex;align-items:flex-end;gap:10px;padding:14px;border-top:1px solid var(--line);flex:none}.ccn-compose textarea{margin:0;resize:none;min-height:45px;max-height:110px;line-height:22px;padding:11px 13px;flex:1;min-width:0}.ccn-compose button{width:46px;height:46px;padding:0;flex:none;font-size:22px}.ccn-refresh-error{font-size:11px;text-align:center;margin:0;color:#f4a8b1}.ccn-refresh-error:not(:empty){padding:7px 14px}.ccn-archive-note{text-align:center;padding:12px;font-size:12px;margin:0;border-top:1px solid var(--line)}.ccn-join{text-align:center;overflow:auto;padding-bottom:35px}.ccn-invitation{max-width:560px;margin:35px auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.ccn-invitation h1{font-size:25px}.ccn-invitation>a{display:block;margin-top:18px;color:var(--ccn-soft)}
[data-theme=light] .ccn-directory,[data-theme=light] .ccn-room,[data-theme=light] .ccn-invitation{--ccn-text:#242337;--ccn-soft:#69667c}[data-theme=light] .ccn-symbol{background:linear-gradient(135deg,#ebe5ff,#d7d8ed);color:#58507a}[data-theme=light] .ccn-choice{color:#242337}[data-theme=light] .ccn-inline-error,[data-theme=light] .ccn-refresh-error{color:#a52d43}
@media(max-width:760px){.ccn-heading{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:20px}.ccn-heading h1{font-size:25px}.ccn-heading p{font-size:13px}.ccn-heading>button{width:100%}.ccn-list{grid-template-columns:1fr}.ccn-card{padding:16px;gap:12px}.ccn-tabs{gap:3px}.ccn-tabs button{padding:9px 10px;font-size:13px}.ccn-tabs a{font-size:11px}.ccn-create{padding:17px}.ccn-room{height:calc(100dvh - 190px);min-height:360px;border-radius:15px}.ccn-room-head{padding:12px 10px;gap:8px}.ccn-room-head .ccn-symbol{width:37px;height:37px;border-radius:12px;font-size:17px}.ccn-room-name h1{font-size:16px}.ccn-room-head button{padding:8px;font-size:11px}.ccn-info{padding:12px}.ccn-compose{padding:10px;gap:7px}.ccn-compose textarea{font-size:16px}.ccn-messages .message-row{max-width:100%}.ccn-messages .message{min-width:90px}.ccn-invitation{padding:22px 18px;margin:15px 0}.ccn-info-actions button{flex:1}.ccn-empty{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){.ccn-card{transition:none}}


.channel-rail-copy{display:block;font-size:11px;color:var(--muted);padding:0 14px 12px}.ccn-messages .cr-avatar{--cr-size:46px;padding:2px}.ccn-messages .game-avatar{width:46px;height:46px}
#main .ccn-messages .message-body{color:var(--ccn-text)}
#main .ccn-messages .message time{color:var(--ccn-soft)}