@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;--bg-app: #08111f;--bg-primary: #0d1727;--bg-secondary: rgba(15, 27, 45, .88);--bg-tertiary: rgba(21, 38, 59, .92);--bg-modifier: rgba(7, 14, 26, .92);--bg-hover: rgba(60, 183, 170, .12);--bg-panel: rgba(11, 21, 36, .76);--bg-elevated: rgba(17, 31, 49, .95);--text-primary: #f7fbff;--text-normal: #d4e2f2;--text-secondary: #92a8c0;--text-muted: #7990ab;--text-tertiary: #5f748d;--text-link: #47d8c8;--primary: #45d6c5;--primary-strong: #1eb8ab;--primary-glow: rgba(69, 214, 197, .28);--accent: #ff9b67;--accent-strong: #ff7a3c;--accent-glow: rgba(255, 155, 103, .28);--success: #5fd3a1;--warning: #f5c665;--danger: #ff6d67;--border-light: rgba(196, 224, 255, .08);--border-moderate: rgba(196, 224, 255, .14);--border-strong: rgba(196, 224, 255, .2);--border-glow: rgba(69, 214, 197, .3);--shadow-soft: 0 18px 45px rgba(0, 0, 0, .24);--shadow-panel: 0 30px 80px rgba(0, 0, 0, .32);--shadow-highlight: 0 20px 55px rgba(69, 214, 197, .18);--radius-2xl: 32px;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}[data-theme=light]{color-scheme:light;--bg-app: #ecf5fb;--bg-primary: #f6fbff;--bg-secondary: rgba(255, 255, 255, .92);--bg-tertiary: rgba(239, 247, 252, .95);--bg-modifier: rgba(226, 238, 246, .92);--bg-hover: rgba(30, 184, 171, .12);--bg-panel: rgba(255, 255, 255, .78);--bg-elevated: rgba(255, 255, 255, .98);--text-primary: #10223a;--text-normal: #21384f;--text-secondary: #476179;--text-muted: #617991;--text-tertiary: #8094a8;--text-link: #138f84;--primary: #1eb8ab;--primary-strong: #14988d;--primary-glow: rgba(30, 184, 171, .2);--accent: #ff7a3c;--accent-strong: #ee6430;--accent-glow: rgba(255, 122, 60, .18);--success: #139c69;--warning: #bf8b15;--danger: #e25551;--border-light: rgba(16, 34, 58, .08);--border-moderate: rgba(16, 34, 58, .14);--border-strong: rgba(16, 34, 58, .18);--border-glow: rgba(30, 184, 171, .24);--shadow-soft: 0 18px 45px rgba(61, 88, 111, .14);--shadow-panel: 0 28px 65px rgba(61, 88, 111, .18);--shadow-highlight: 0 20px 55px rgba(30, 184, 171, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Noto Sans SC,PingFang SC,sans-serif;background:radial-gradient(circle at top left,rgba(69,214,197,.2),transparent 34%),radial-gradient(circle at top right,rgba(255,155,103,.16),transparent 30%),linear-gradient(180deg,var(--bg-app) 0%,var(--bg-primary) 100%);color:var(--text-normal);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(50px);opacity:.55}body:before{width:260px;height:260px;top:-70px;left:-50px;background:#45d6c538}body:after{width:320px;height:320px;right:-100px;bottom:-110px;background:#ff9b672e}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text-primary);font-family:Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:-.03em}p{color:var(--text-secondary)}.glass-panel{background:linear-gradient(180deg,#ffffff12,#ffffff08);background-color:var(--bg-panel);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border-light);box-shadow:var(--shadow-panel);border-radius:var(--radius-2xl)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-4{padding:1rem}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{word-break:break-word}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-normal)}.status-badge.online{background:#5fd3a11f;color:var(--success);border-color:#5fd3a142}.status-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}.input{width:100%;padding:.95rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#ffffff0d;color:var(--text-normal);outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-glow);box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff14}[data-theme=light] .input{background:#ffffffd1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;padding:.85rem 1.2rem;cursor:pointer;font-weight:700;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);color:#04121a;box-shadow:0 14px 30px var(--primary-glow)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-light)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#241105;box-shadow:0 14px 30px var(--accent-glow)}.btn-danger{background:#ff6d6724;color:var(--danger);border:1px solid rgba(255,109,103,.25)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-icon{width:46px;height:46px;padding:0;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#030a14b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.25rem}.modal-content{width:min(560px,100%);position:relative}.modal-card{padding:1.5rem;background:linear-gradient(180deg,var(--bg-elevated),rgba(8,18,31,.98));border:1px solid var(--border-light);box-shadow:var(--shadow-panel)}.modal-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.modal-card__header h3{font-size:1.5rem;margin-bottom:.35rem}.modal-card__header p{max-width:32rem}.modal-card__eyebrow{display:inline-block;margin-bottom:.6rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.modal-card__body{display:flex;flex-direction:column;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-field{display:flex;flex-direction:column;gap:.55rem}.modal-field>span{font-size:.84rem;font-weight:700;color:var(--text-normal)}.toggle-card{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.05rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#ffffff0a;cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease}.toggle-card:hover{transform:translateY(-1px);border-color:var(--border-glow)}.toggle-card.active{background:#45d6c51a;border-color:var(--border-glow)}.toggle-card__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffffff12;flex-shrink:0}.toggle-card__content{display:flex;flex-direction:column;gap:.2rem}.toggle-card__content strong{color:var(--text-primary)}.toggle-card__content span{color:var(--text-secondary);font-size:.88rem}.toggle-card__switch{margin-left:auto;width:52px;height:30px;border-radius:999px;background:#ffffff14;position:relative;transition:background .2s ease}.toggle-card__switch span{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle-card__switch.on{background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.toggle-card__switch.on span{transform:translate(22px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.glass-panel{border-radius:26px}}@media(max-width:768px){body{overflow:hidden}.modal-overlay{padding:.8rem;align-items:flex-end}.modal-card{border-radius:24px 24px 0 0}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.app-kook-layout{position:relative;z-index:1;display:flex;gap:1rem;height:100vh;padding:1rem;overflow:hidden}.server-sidebar,.channel-sidebar,.main-chat-area,.main-full-width{position:relative;z-index:1}.server-sidebar{width:104px;border-radius:var(--radius-2xl);background:linear-gradient(180deg,#0a1423e0,#060e1af5);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);padding:1rem .75rem;display:flex;flex-direction:column;gap:1rem}.server-brand{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center}.server-brand__mark{width:56px;height:56px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-highlight);border:1px solid rgba(255,255,255,.14)}.server-brand__mark img{width:100%;height:100%;object-fit:cover}.server-brand__copy{display:flex;flex-direction:column;gap:.1rem}.server-brand__copy strong{color:var(--text-primary);font-size:.88rem}.server-brand__copy span{color:var(--text-tertiary);font-size:.72rem}.server-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.server-stack{display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;padding-right:.15rem}.server-icon{position:relative;width:100%;min-height:64px;border-radius:22px;border:1px solid transparent;background:#ffffff0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;color:var(--text-normal)}.server-icon:hover{transform:translateY(-1px);border-color:var(--border-glow);background:#45d6c51a}.server-icon.active{background:linear-gradient(135deg,#45d6c533,#ff9b6724);border-color:var(--border-glow);color:var(--text-primary);box-shadow:var(--shadow-highlight)}.server-icon.active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);width:4px;height:36px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--accent))}.server-icon.add-server{background:#ffffff05;border:1px dashed var(--border-moderate);color:var(--primary)}.server-icon-text{font-size:1rem;font-weight:800;font-family:Space Grotesk,Noto Sans SC,sans-serif}.server-icon__label{font-size:.68rem;color:var(--text-tertiary)}.server-room-count{position:absolute;top:6px;right:8px;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;font-size:.65rem;font-weight:700;background:#ffffff1a;color:var(--text-primary)}.server-sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.server-active-room{display:flex;align-items:center;gap:.4rem;min-height:48px;padding:.75rem;border-radius:18px;background:#ffffff0a;color:var(--text-secondary);font-size:.73rem;line-height:1.4}.server-active-room span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-sidebar{width:360px;border-radius:var(--radius-2xl);background:linear-gradient(180deg,#0b1524e6,#070e1af5);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden}.channel-header{padding:1.3rem 1.3rem 1rem;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:1rem}.channel-eyebrow,.room-eyebrow,.workspace-summary__eyebrow,.room-overlay__eyebrow,.floating-event-card__label{display:inline-flex;align-items:center;gap:.38rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.channel-header__title h2{font-size:1.5rem;margin:.35rem 0 .3rem}.channel-header__title p{font-size:.92rem;line-height:1.55}.channel-header__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.channel-stat{display:flex;align-items:center;gap:.7rem;padding:.85rem .95rem;border-radius:18px;background:#ffffff0d;border:1px solid var(--border-light)}.channel-stat strong,.summary-metric strong,.stat-chip strong{display:block;color:var(--text-primary);font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1rem}.channel-stat span,.summary-metric span,.stat-chip span{color:var(--text-tertiary);font-size:.75rem}.channel-list{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.channel-stage-card,.file-transfer-section,.room-highlight,.workspace-summary,.chat-banner{border-radius:24px;border:1px solid var(--border-light);background:#ffffff0a}.channel-stage-card{padding:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.channel-stage-card__info{display:flex;flex-direction:column;gap:.35rem}.channel-stage-card__info strong{color:var(--text-primary);font-size:1.1rem}.channel-stage-card__info p,.channel-helper-text,.room-highlight__copy p,.workspace-summary__heading p,.room-list-header p{font-size:.9rem;line-height:1.55}.channel-inline-alert{display:flex;align-items:center;gap:.55rem;padding:.8rem .95rem;border-radius:18px;background:#ff6d671a;color:var(--danger);border:1px solid rgba(255,109,103,.2);font-size:.84rem}.channel-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.channel-section-title{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-primary);font-size:.82rem;font-weight:700}.channel-section-count,.channel-section-hint,.member-action-tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700}.channel-section-count{background:#ffffff0f;color:var(--text-secondary)}.channel-section-hint{background:#45d6c51a;color:var(--primary)}.member-list{display:flex;flex-direction:column;gap:.7rem}.member-card{width:100%;display:flex;align-items:center;gap:.9rem;border:1px solid var(--border-light);background:#ffffff0a;border-radius:20px;padding:.9rem .95rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;text-align:left}.member-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-glow);background:#45d6c514}.member-card:disabled{cursor:default;opacity:1}.member-card.connected{border-color:#5fd3a142;background:#5fd3a114}.member-card__avatar{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121a;font-weight:800;font-family:Space Grotesk,Noto Sans SC,sans-serif;display:grid;place-items:center;position:relative;flex-shrink:0}.member-card__pulse{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--bg-modifier)}.member-card__meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.member-card__name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.member-card__name-row strong{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card__status{color:var(--text-tertiary);font-size:.78rem}.member-card__status.live{color:var(--success)}.member-card__actions{flex-shrink:0}.member-chip,.member-action-tag.success{background:#ffffff14;color:var(--text-secondary)}.member-action-tag.success{background:#5fd3a11f;color:var(--success)}.member-hangup{min-height:34px;padding:.45rem .75rem;border-radius:999px;background:#ff6d671a;color:var(--danger);border:1px solid rgba(255,109,103,.2)}.file-transfer-section{padding:1rem}.file-send-btn,.download-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1rem;border-radius:18px;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.file-send-btn{background:linear-gradient(135deg,#45d6c52e,#45d6c51a);color:var(--text-primary);border:1px solid var(--border-glow);margin-bottom:.75rem}.file-send-btn:hover,.download-btn:hover{transform:translateY(-1px);text-decoration:none}.file-send-btn.disabled{opacity:.6}.download-btn{margin-top:.8rem;background:linear-gradient(135deg,#ff9b672e,#ff9b671a);color:var(--text-primary);border:1px solid rgba(255,155,103,.22)}.download-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-progress{margin-top:.9rem;padding:.9rem;border-radius:18px;background:#ffffff08;border:1px solid var(--border-light)}.progress-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.progress-text{color:var(--text-secondary);font-size:.82rem}.progress-percent{color:var(--primary);font-weight:700;font-size:.82rem}.progress-bar-container{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:inherit}.user-panel{margin-top:auto;padding:1rem 1.1rem 1.1rem;border-top:1px solid var(--border-light);background:#ffffff08;display:flex;flex-direction:column;gap:.95rem}.user-info{display:flex;align-items:center;gap:.8rem}.user-avatar-large{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121a;font-weight:800;font-family:Space Grotesk,Noto Sans SC,sans-serif}.user-details{min-width:0;flex:1}.user-name-button{display:inline-flex;align-items:center;gap:.45rem;border:none;background:transparent;cursor:pointer;padding:0}.user-name-large{color:var(--text-primary);font-weight:700;font-size:.98rem}.user-id-small{color:var(--text-tertiary);font-size:.76rem}.user-name-input{min-height:44px}.user-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.control-btn{min-height:58px;border-radius:18px;border:1px solid var(--border-light);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;color:var(--text-normal)}.control-btn:hover{transform:translateY(-1px);border-color:var(--border-glow)}.control-btn span{font-size:.74rem;font-weight:700}.control-btn.active{background:#45d6c51a;border-color:var(--border-glow)}.control-btn.danger.active{background:#ff6d671f;border-color:#ff6d673d;color:var(--danger)}.channel-context-menu{position:fixed;width:220px;padding:.9rem;border-radius:20px;background:#09121ff5;border:1px solid var(--border-light);box-shadow:var(--shadow-panel);z-index:1300}.channel-context-menu__header{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.channel-context-menu__avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121a;font-weight:800}.channel-context-menu__header strong{display:block;color:var(--text-primary);font-size:.9rem}.channel-context-menu__header span{color:var(--text-tertiary);font-size:.74rem}.channel-context-menu__range{width:100%;accent-color:var(--primary)}.channel-context-menu__scale{display:flex;justify-content:space-between;margin-top:.35rem;color:var(--text-tertiary);font-size:.72rem}.floating-event-card{position:absolute;top:1rem;left:1rem;right:1rem;z-index:20;padding:1rem;border-radius:22px;display:flex;align-items:center;gap:.9rem;background:#070e1af5;border:1px solid var(--border-light);box-shadow:var(--shadow-panel);animation:scaleIn .22s ease-out}.floating-event-card--success{border-color:#5fd3a138}.floating-event-card__icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121a;flex-shrink:0}.floating-event-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.floating-event-card__content strong{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-event-card__content small{color:var(--text-tertiary)}.floating-event-card__actions{display:flex;gap:.6rem;flex-shrink:0}.main-chat-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.workspace-summary{padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.workspace-summary__heading h1{font-size:1.7rem;margin:.35rem 0 .25rem}.workspace-summary__metrics{display:flex;gap:.75rem}.summary-metric,.stat-chip{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:20px;border:1px solid var(--border-light);background:#ffffff0a;min-width:138px}.summary-metric svg,.stat-chip svg{flex-shrink:0;color:var(--primary)}.chat-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:1.2rem}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chat-header__title{display:flex;align-items:center;gap:.85rem}.chat-header__icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121a;box-shadow:var(--shadow-highlight)}.chat-header__title h2{font-size:1.35rem;margin-bottom:.2rem}.chat-tabs{display:flex;gap:.65rem;margin-bottom:.95rem}.chat-tab{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-secondary);border-radius:999px;padding:.75rem 1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.chat-tab:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-glow)}.chat-tab:disabled{cursor:not-allowed;opacity:.6}.chat-tab.active{background:#45d6c51f;color:var(--text-primary);border-color:var(--border-glow)}.chat-tab.active.private{background:#ff9b671f;border-color:#ff9b673d}.chat-tab__hint{color:var(--text-tertiary);font-size:.7rem}.chat-banner{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;margin-bottom:.95rem;color:var(--text-secondary);font-size:.84rem}.chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.2rem}.chat-empty{flex:1;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem}.chat-empty__icon{width:78px;height:78px;border-radius:26px;display:grid;place-items:center;background:#ffffff0d;color:var(--text-tertiary)}.chat-empty h3{font-size:1.2rem}.chat-empty p{max-width:24rem}.chat-row{display:flex}.chat-row.mine{justify-content:flex-end}.chat-bubble{max-width:min(78%,680px);padding:.95rem 1rem;border-radius:22px;animation:fadeIn .2s ease-out}.chat-bubble.other{background:#ffffff0d;border:1px solid var(--border-light)}.chat-bubble.me{background:linear-gradient(135deg,#45d6c52e,#ff9b6724);border:1px solid rgba(69,214,197,.22)}.chat-bubble__meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem;font-size:.78rem;color:var(--text-tertiary)}.chat-bubble__meta span:first-child{color:var(--text-primary);font-weight:700}.chat-bubble p{color:var(--text-normal);line-height:1.65}.chat-input-shell{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:.7rem}.chat-input-shell__tag{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-tertiary);font-size:.78rem;font-weight:700}.chat-input-shell__row{display:flex;align-items:center;gap:.75rem}.chat-input-shell__row .input{border-radius:999px;padding-inline:1.2rem}.main-full-width{flex:1;min-width:0}.room-manager-shell{height:100%;padding:1.35rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.room-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.room-hero__copy h1{font-size:2rem;margin:.5rem 0 .35rem;max-width:14ch}.room-hero__copy p{max-width:42rem}.room-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap}.room-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.room-highlight{padding:1rem 1.05rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.room-highlight__label{display:inline-block;margin-bottom:.45rem;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-highlight__copy h2{font-size:1.3rem;margin-bottom:.2rem}.room-list-header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.room-list-header h3{font-size:1.12rem;margin-bottom:.2rem}.room-list-content{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.95rem}.room-card{border-radius:24px;border:1px solid var(--border-light);background:#ffffff0a;padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.room-card:hover{transform:translateY(-2px);border-color:var(--border-glow);box-shadow:var(--shadow-highlight)}.room-card__top,.room-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.room-badge{display:inline-flex;align-items:center;gap:.38rem;padding:.35rem .75rem;border-radius:999px;font-size:.74rem;font-weight:700}.room-badge.public{background:#45d6c51f;color:var(--primary)}.room-badge.private{background:#ff9b6724;color:var(--accent)}.room-card__id{color:var(--text-tertiary);font-size:.74rem;font-weight:700}.room-card__body h3{font-size:1.18rem;margin-bottom:.25rem}.room-card__people{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.86rem}.room-empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem}.room-empty-state__icon{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;background:#ffffff0d;color:var(--text-tertiary)}.room-overlay{position:fixed;inset:0;background:#030a1485;display:flex;align-items:center;justify-content:center;z-index:1250;padding:1rem}.room-overlay__card{width:min(440px,100%);padding:1.3rem;border-radius:28px;border:1px solid var(--border-light);background:#09121ff5;box-shadow:var(--shadow-panel)}.room-overlay__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.room-overlay__header h3{font-size:1.25rem;margin:.35rem 0 .2rem}.room-overlay__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.mobile-bottom-nav{display:none}@media(max-width:1280px){.channel-sidebar{width:330px}.room-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.app-kook-layout{gap:.8rem;padding:.8rem}.workspace-summary{flex-direction:column;align-items:flex-start}.workspace-summary__metrics{width:100%;flex-wrap:wrap}.summary-metric{min-width:calc(50% - .5rem)}.room-hero,.room-highlight{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.app-kook-layout{flex-direction:column;gap:0;padding:0;height:100svh;background:transparent}.server-sidebar,.channel-sidebar,.main-chat-area,.main-full-width{width:100%!important;height:calc(100svh - 72px)!important;border-radius:0!important;display:none!important}.mobile-view-servers .main-full-width{display:block!important}.mobile-view-channels .channel-sidebar,.mobile-view-chat .main-chat-area{display:flex!important}.server-sidebar{display:none!important}.channel-sidebar,.main-chat-area,.main-full-width{padding-bottom:env(safe-area-inset-bottom)}.workspace-summary{display:none}.channel-sidebar{border:none}.channel-header,.channel-list,.user-panel,.chat-shell,.room-manager-shell{border-radius:0}.channel-list,.room-manager-shell,.chat-shell{padding:1rem 1rem 1.35rem}.room-manager-shell{height:calc(100svh - 72px);overflow-y:auto}.room-hero__copy h1{font-size:1.55rem;max-width:none}.room-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:1fr}.channel-stage-card,.file-transfer-section,.room-highlight,.chat-banner{border-radius:20px}.channel-stage-card,.floating-event-card,.room-overlay__actions{flex-direction:column;align-items:stretch}.floating-event-card{top:.8rem;left:.8rem;right:.8rem}.floating-event-card__actions,.floating-event-card__actions .btn{width:100%}.chat-header,.chat-tabs,.chat-input-shell__row,.room-overlay__actions{flex-direction:column;align-items:stretch}.chat-header__status{width:100%}.status-badge{width:100%;justify-content:center}.chat-bubble{max-width:100%}.user-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;position:fixed;left:.8rem;right:.8rem;bottom:.8rem;padding:.7rem;border-radius:24px;background:#070e1ae6;border:1px solid var(--border-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1400;box-shadow:var(--shadow-panel)}.nav-item{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.nav-item.active{background:#45d6c51f;border-color:var(--border-glow);color:var(--text-primary)}.nav-item.disabled{opacity:.4}.nav-item span{font-size:.72rem;font-weight:700}}