@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;--site-background-image-url: none;--site-background-blur: 16px;--site-background-opacity: .68;--site-panel-surface-opacity: .045;--site-panel-soft-opacity: .075;--site-panel-border-opacity: .095;--site-panel-blur: 22px;--site-panel-glow-opacity: .08;--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);--bg-shell-strong: linear-gradient(180deg, rgba(10, 20, 35, .88), rgba(6, 14, 26, .96));--bg-shell-soft: linear-gradient(180deg, rgba(11, 21, 36, .9), rgba(7, 14, 26, .96));--bg-shell-active: linear-gradient(135deg, rgba(69, 214, 197, .2), rgba(255, 155, 103, .14));--bg-subtle-panel: rgba(0, 0, 0, .22);--bg-subtle-panel-hover: rgba(255, 255, 255, .06);--bg-input-strong: rgba(0, 0, 0, .3);--bg-overlay: rgba(2, 6, 23, .74);--bg-overlay-strong: linear-gradient(135deg, rgba(0, 0, 0, .8) 0%, rgba(20, 20, 40, .9) 100%);--bg-modal: linear-gradient(180deg, rgba(30, 41, 59, .98) 0%, rgba(15, 23, 42, .99) 100%);--bg-modal-soft: linear-gradient(180deg, rgba(15, 23, 42, .98) 0%, rgba(15, 23, 42, .92) 100%);--bg-workspace-summary: radial-gradient(circle at top right, rgba(69, 214, 197, .1), transparent 26%), linear-gradient(145deg, rgba(20, 32, 50, .94), rgba(10, 18, 30, .92));--bg-chat-shell: linear-gradient(180deg, rgba(13, 23, 38, .9), rgba(9, 17, 29, .92));--bg-chat-input-fade: linear-gradient(180deg, rgba(9, 17, 29, 0), rgba(9, 17, 29, .82));--app-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%);--text-inverse: #ffffff;--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;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--panel-card-surface: rgba(255, 255, 255, var(--site-panel-surface-opacity));--panel-card-surface-soft: rgba(255, 255, 255, var(--site-panel-soft-opacity));--panel-card-border: rgba(196, 224, 255, var(--site-panel-border-opacity));--panel-card-glass: linear-gradient(180deg, rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .015)), rgba(255, 255, 255, var(--site-panel-surface-opacity)));--panel-card-glass-strong: radial-gradient(circle at top left, rgba(255, 255, 255, .09), transparent 48%), linear-gradient(180deg, rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .02)), rgba(255, 255, 255, calc(var(--site-panel-surface-opacity) - .005)));--panel-card-shadow: 0 18px 42px rgba(0, 0, 0, .18), 0 0 0 1px rgba(69, 214, 197, var(--site-panel-glow-opacity))}[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);--bg-shell-strong: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(233, 244, 250, .98));--bg-shell-soft: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(239, 247, 252, .99));--bg-shell-active: linear-gradient(135deg, rgba(30, 184, 171, .12), rgba(255, 122, 60, .1));--bg-subtle-panel: rgba(226, 238, 246, .72);--bg-subtle-panel-hover: rgba(255, 255, 255, .86);--bg-input-strong: rgba(255, 255, 255, .88);--bg-overlay: rgba(222, 233, 242, .68);--bg-overlay-strong: linear-gradient(135deg, rgba(236, 245, 251, .86) 0%, rgba(221, 234, 242, .92) 100%);--bg-modal: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(241, 247, 252, .99) 100%);--bg-modal-soft: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(246, 251, 255, .94) 100%);--bg-workspace-summary: radial-gradient(circle at top right, rgba(30, 184, 171, .1), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(242, 248, 253, .96));--bg-chat-shell: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 250, 254, .98));--bg-chat-input-fade: linear-gradient(180deg, rgba(245, 250, 254, 0), rgba(245, 250, 254, .96));--app-background: radial-gradient(circle at top left, rgba(30, 184, 171, .12), transparent 30%), radial-gradient(circle at top right, rgba(255, 122, 60, .1), transparent 28%), linear-gradient(180deg, var(--bg-app) 0%, var(--bg-primary) 100%);--text-inverse: #ffffff;--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);--panel-card-surface: rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .01));--panel-card-surface-soft: rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .03));--panel-card-border: rgba(16, 34, 58, var(--site-panel-border-opacity));--panel-card-glass: linear-gradient(180deg, rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .03)), rgba(255, 255, 255, calc(var(--site-panel-surface-opacity) + .01)));--panel-card-glass-strong: radial-gradient(circle at top left, rgba(255, 255, 255, .34), transparent 48%), linear-gradient(180deg, rgba(255, 255, 255, calc(var(--site-panel-soft-opacity) + .035)), rgba(255, 255, 255, calc(var(--site-panel-surface-opacity) + .01)));--panel-card-shadow: 0 18px 42px rgba(61, 88, 111, .1), 0 0 0 1px rgba(30, 184, 171, calc(var(--site-panel-glow-opacity) * .75))}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}#root{position:relative;isolation:isolate}body{font-family:Noto Sans SC,PingFang SC,sans-serif;background:var(--app-background);color:var(--text-normal);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;position:relative}.app-background-media{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;background-image:var(--site-background-image-url);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(var(--site-background-blur)) saturate(1.04);transform:scale(1.08);transition:opacity .28s ease,filter .28s ease,background-image .28s ease}.app-background-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050b1447,#050b1480)}[data-theme=light] .app-background-media:after{background:linear-gradient(180deg,#eff7fc2e,#eff7fc57)}[data-background-mode=image] .app-background-media{opacity:var(--site-background-opacity)}[data-theme=dark][data-background=aurora]{--app-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%)}[data-theme=dark][data-background=midnight-grid]{--app-background: linear-gradient(rgba(92, 122, 158, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(92, 122, 158, .08) 1px, transparent 1px), radial-gradient(circle at top right, rgba(69, 214, 197, .16), transparent 24%), linear-gradient(180deg, #07111f 0%, #0a1422 100%);background-size:28px 28px,28px 28px,auto,auto}[data-theme=dark][data-background=sunset-flow]{--app-background: radial-gradient(circle at top right, rgba(255, 155, 103, .26), transparent 24%), radial-gradient(circle at bottom left, rgba(69, 214, 197, .16), transparent 30%), linear-gradient(135deg, #151221 0%, #1a2036 42%, #102130 100%)}[data-theme=dark][data-background=minimal-paper]{--app-background: linear-gradient(180deg, #0a1220 0%, #111a2c 100%)}[data-theme=light][data-background=aurora]{--app-background: radial-gradient(circle at top left, rgba(30, 184, 171, .12), transparent 30%), radial-gradient(circle at top right, rgba(255, 122, 60, .1), transparent 28%), linear-gradient(180deg, var(--bg-app) 0%, var(--bg-primary) 100%)}[data-theme=light][data-background=midnight-grid]{--app-background: linear-gradient(rgba(87, 112, 138, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(87, 112, 138, .08) 1px, transparent 1px), radial-gradient(circle at top right, rgba(30, 184, 171, .1), transparent 22%), linear-gradient(180deg, #f4f9fd 0%, #e9f2f8 100%);background-size:28px 28px,28px 28px,auto,auto}[data-theme=light][data-background=sunset-flow]{--app-background: radial-gradient(circle at top right, rgba(255, 122, 60, .16), transparent 20%), radial-gradient(circle at bottom left, rgba(30, 184, 171, .1), transparent 28%), linear-gradient(180deg, #fff8f2 0%, #eef6fb 100%)}[data-theme=light][data-background=minimal-paper]{--app-background: linear-gradient(180deg, #f7fbff 0%, #edf4f8 100%)}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(50px);opacity:.55}[data-background-mode=image] body:before,[data-background-mode=image] body:after{opacity:.18}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:var(--panel-card-glass);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur));border:1px solid var(--panel-card-border);box-shadow:var(--panel-card-shadow);border-radius:var(--radius-2xl)}.app-kook-layout,.main-full-width{position:relative;z-index:1}.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 var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out),background .2s var(--ease-out)}.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;position:relative;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out),opacity .18s var(--ease-out),border-color .18s var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:focus-visible,.input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 4px var(--primary-glow)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.is-busy{cursor:progress}.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}.spin-icon{animation:spin .9s linear infinite}.loading-workspace{min-height:100vh;padding:2rem;display:grid;align-content:center;gap:1.5rem}.loading-workspace__hero{max-width:42rem;display:flex;flex-direction:column;gap:.7rem}.loading-workspace__hero h2{font-size:clamp(2rem,4vw,3rem)}.loading-workspace__hero p{max-width:38rem}.loading-workspace__badge{width:fit-content;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .85rem;border-radius:999px;background:#45d6c51f;border:1px solid var(--border-glow);color:var(--text-primary);font-size:.8rem;font-weight:700}.loading-workspace__pulse-dot{width:8px;height:8px;border-radius:999px;background:var(--primary);animation:pulse 1.8s infinite}.loading-workspace__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.loading-card{padding:1.2rem;border-radius:24px;background:#ffffff0a;border:1px solid var(--border-light);display:grid;gap:.75rem}.loading-skeleton{position:relative;overflow:hidden;border-radius:999px;background:#ffffff12}.loading-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:shimmer 1.5s infinite}.loading-skeleton--eyebrow{width:34%;height:10px}.loading-skeleton--title{width:58%;height:22px}.loading-skeleton--line{width:100%;height:12px}.loading-skeleton--line.short{width:76%}.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)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.glass-panel{border-radius:26px}.loading-workspace__grid{grid-template-columns:1fr}}@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%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.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:var(--panel-card-glass-strong);border:1px solid var(--panel-card-border);box-shadow:var(--panel-card-shadow);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur));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__eyebrow{color:var(--primary);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.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-shell{position:relative;flex:1;min-height:0;border-radius:26px;overflow:hidden}.server-stack-shell:before,.server-stack-shell:after{content:"";position:absolute;left:0;right:0;height:26px;z-index:2;pointer-events:none}.server-stack-shell:before{top:0;background:linear-gradient(180deg,var(--bg-modifier),transparent)}.server-stack-shell:after{bottom:0;background:linear-gradient(180deg,transparent,var(--bg-modifier))}.server-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.server-overview__metric{min-height:58px;padding:.55rem .35rem;border-radius:18px;border:1px solid var(--panel-card-border);background:var(--panel-card-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-align:center}.server-overview__metric strong{color:var(--text-primary);font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1rem}.server-overview__metric span{color:var(--text-tertiary);font-size:.66rem}.server-stack{display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;height:100%;padding:.2rem .15rem .2rem 0;scroll-snap-type:y proximity;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.server-icon{position:relative;width:100%;min-height:72px;border-radius:24px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(255,255,255,calc(var(--site-panel-surface-opacity) + .01)),rgba(255,255,255,var(--site-panel-surface-opacity)));backdrop-filter:blur(calc(var(--site-panel-blur) + 4px));-webkit-backdrop-filter:blur(calc(var(--site-panel-blur) + 4px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;scroll-snap-align:center;cursor:pointer;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),background .22s var(--ease-out),box-shadow .22s var(--ease-out);color:var(--text-normal);isolation:isolate}.server-icon:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff14,#fff0);opacity:.8;pointer-events:none;z-index:-1}.server-icon:hover{transform:translateY(-1px);border-color:var(--border-glow);background:linear-gradient(180deg,rgba(69,214,197,calc(var(--site-panel-glow-opacity) + .05)),rgba(255,255,255,calc(var(--site-panel-surface-opacity) + .01)))}.server-icon.active{background:radial-gradient(circle at top center,rgba(255,255,255,.12),transparent 62%),linear-gradient(180deg,rgba(69,214,197,calc(var(--site-panel-glow-opacity) + .08)),rgba(255,255,255,calc(var(--site-panel-surface-opacity) + .02)));border-color:var(--border-glow);color:var(--text-primary);box-shadow:inset 0 1px #ffffff2e,0 14px 28px #45d6c524;transform:scale(1.02)}.server-icon.active:before{content:"";position:absolute;left:50%;bottom:-.45rem;top:auto;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.server-icon.active:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff2e,#fff0),radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 60%);opacity:1}.server-icon.add-server{background:#ffffff05;border:1px dashed var(--panel-card-border);color:var(--primary)}.server-icon.add-server:after{opacity:.35}.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);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-room-count{position:absolute;top:8px;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:#ffffff2e;color:var(--text-primary);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.server-sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.server-active-room{display:flex;align-items:flex-start;gap:.4rem;min-height:48px;padding:.75rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,calc(var(--site-panel-surface-opacity) + .01)),rgba(255,255,255,var(--site-panel-surface-opacity)));color:var(--text-secondary);font-size:.73rem;line-height:1.4;border:1px solid var(--panel-card-border);backdrop-filter:blur(calc(var(--site-panel-blur) + 2px));-webkit-backdrop-filter:blur(calc(var(--site-panel-blur) + 2px))}.server-active-room__copy{min-width:0}.server-active-room__copy strong{display:block;color:var(--text-primary);font-size:.72rem;margin-bottom:.18rem}.server-active-room__copy 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:var(--panel-card-glass-strong);border:1px solid var(--panel-card-border);box-shadow:var(--panel-card-shadow);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur));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}.mobile-dashboard-header,.mobile-room-overview,.mobile-channel-section{display:none}.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:var(--panel-card-surface);border:1px solid var(--panel-card-border)}.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(--panel-card-border);background:var(--panel-card-glass);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur))}.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(--panel-card-border);background:var(--panel-card-glass);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:linear-gradient(180deg,#5fd3a114,rgba(255,255,255,var(--site-panel-surface-opacity))),var(--panel-card-glass)}.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(--panel-card-border);background:var(--panel-card-glass);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}.mobile-control-profile{display:none}.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.25rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel-card-glass-strong);box-shadow:var(--panel-card-shadow);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur))}.workspace-summary__heading{max-width:36rem}.workspace-summary__heading h1{font-size:1.7rem;margin:.35rem 0 .25rem}.workspace-summary__metrics{display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.summary-metric,.stat-chip{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:20px;border:1px solid var(--panel-card-border);background:var(--panel-card-surface);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;background:var(--panel-card-glass-strong);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur))}.chat-header{display:flex;align-items:flex-start;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(--panel-card-border);background:var(--panel-card-surface);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:.35rem .35rem .35rem 0}.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);box-shadow:0 10px 28px #0000001f}.chat-bubble.me{background:linear-gradient(135deg,#45d6c52e,#ff9b6724);border:1px solid rgba(69,214,197,.22);box-shadow:0 12px 28px #45d6c51a}.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;background:transparent}.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{position:relative;height:100%;padding:1.35rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:radial-gradient(circle at top right,rgba(69,214,197,calc(var(--site-panel-glow-opacity) + .02)),transparent 24%),radial-gradient(circle at bottom left,rgba(255,155,103,calc(var(--site-panel-glow-opacity) + .01)),transparent 28%),var(--panel-card-glass-strong);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur))}.room-manager-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid var(--panel-card-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.room-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.room-hero__copy{max-width:52rem;min-width:0;flex:1}.room-home-overview{padding:1rem 1.05rem;border-radius:24px;border:1px solid var(--panel-card-border);background:var(--panel-card-glass-strong);box-shadow:var(--panel-card-shadow);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur))}.room-home-overview__header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.room-home-overview__eyebrow{display:inline-block;margin-bottom:.35rem;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-home-overview__header h2{font-size:1.25rem}.room-home-overview__live{display:inline-flex;align-items:center;gap:.4rem;min-height:30px;padding:.25rem .75rem;border-radius:999px;background:#ff6d671f;color:#ff7b75;font-size:.74rem;font-weight:700}.room-home-overview__dot{width:8px;height:8px;border-radius:999px;background:currentColor;animation:pulse 1.6s infinite}.room-home-overview__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.room-home-overview__metric{min-width:0;padding:.9rem .95rem;border-radius:20px;border:1px solid var(--panel-card-border);background:var(--panel-card-surface);display:flex;flex-direction:column;gap:.18rem}.room-home-overview__metric--spotlight{border-color:#45d6c53d;background:linear-gradient(180deg,#45d6c51f,#45d6c50a),#ffffff0a;box-shadow:0 0 0 1px #45d6c514}.room-home-overview__metric strong{color:var(--text-primary);font-size:1rem;font-family:Space Grotesk,Noto Sans SC,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-home-overview__metric span{color:var(--text-tertiary);font-size:.76rem}.room-hero__copy h1{font-size:2rem;margin:.5rem 0 .35rem;max-width:none;white-space:nowrap}.room-hero__copy p{max-width:100%;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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__copy{display:flex;flex-direction:column;gap:.15rem}.room-list-header__eyebrow{display:inline-flex;align-items:center;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.room-list-header h3{font-size:1.12rem;margin-bottom:.2rem}.room-list-header__meta{flex-shrink:0}.room-list-header__status{display:inline-flex;align-items:center;min-height:34px;padding:.38rem .85rem;border-radius:999px;border:1px solid var(--panel-card-border);background:var(--panel-card-surface);color:var(--text-secondary);font-size:.76rem;font-weight:700}.room-list-header__status.auth{border-color:#45d6c53d;background:#45d6c51f;color:var(--primary)}.room-list-header__status.guest{border-color:#ff9b673d;background:#ff9b671f;color:var(--accent)}.room-list-content{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem;padding-top:.1rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.95rem}.room-card{border-radius:24px;border:1px solid var(--panel-card-border);background:var(--panel-card-glass);backdrop-filter:blur(var(--site-panel-blur));-webkit-backdrop-filter:blur(var(--site-panel-blur));padding:1rem;display:flex;flex-direction:column;gap:1rem;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),background .22s var(--ease-out);animation:floatUp .42s var(--ease-out) both}.room-card:hover{transform:translateY(-2px);border-color:var(--border-glow);box-shadow:0 18px 40px #00000029,0 0 0 1px rgba(69,214,197,calc(var(--site-panel-glow-opacity) + .04))}.room-card.featured{background:linear-gradient(180deg,rgba(69,214,197,calc(var(--site-panel-glow-opacity) + .02)),rgba(255,255,255,var(--site-panel-surface-opacity))),var(--panel-card-glass)}.room-card.pending{border-color:#ff9b6742;box-shadow:0 18px 40px #ff9b671f}.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__body p{color:var(--text-secondary);line-height:1.58}.room-card__people{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.86rem}.room-owner-chip{display:inline-flex;align-items:center;margin-top:.7rem;padding:.3rem .7rem;border-radius:999px;background:#45d6c51f;color:var(--primary);font-size:.74rem;font-weight:700}.loading-card,.room-card,.member-card,.channel-stage-card,.file-transfer-section,.workspace-summary,.chat-banner,.chat-bubble{will-change:transform,opacity}.room-card__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.workspace-summary__danger{flex-shrink:0}.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}.room-hero__copy h1,.room-hero__copy p{white-space:normal}.room-list-header{flex-direction:column;align-items:flex-start}.room-home-overview__grid{grid-template-columns:1fr}}@media(max-width:768px){.app-kook-layout{flex-direction:column;gap:0;padding:0;height:100svh;background:radial-gradient(circle at top right,rgba(69,214,197,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(50,90,220,.14),transparent 32%),linear-gradient(180deg,#081120,#0b1120 36%,#070d17)}.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;background:radial-gradient(circle at top right,rgba(69,214,197,.12),transparent 24%),linear-gradient(180deg,#081120fa,#09111dfa)}.channel-header,.channel-list,.user-panel,.chat-shell,.room-manager-shell{border-radius:0}.channel-list,.room-manager-shell,.chat-shell{padding:0 1rem 1.35rem}.channel-header{padding:1rem 1rem .75rem;border-bottom:none;gap:.85rem}.mobile-dashboard-header,.mobile-room-overview,.mobile-channel-section{display:block}.mobile-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;padding-top:max(.2rem,env(safe-area-inset-top))}.mobile-dashboard-header__title h1{font-size:1.45rem;line-height:1.15;margin-top:.22rem}.mobile-dashboard-header__actions{display:flex;gap:.55rem}.mobile-dashboard-header__action{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text-primary);display:grid;place-items:center}.mobile-room-overview{padding:1rem 1rem 1.05rem;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff12,#ffffff08),#0e1726e0;box-shadow:0 20px 40px #00000038}.mobile-room-overview__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.mobile-room-overview__header h3{font-size:1.08rem}.mobile-room-overview__id{font-size:.84rem;color:var(--text-tertiary);margin-bottom:.95rem}.mobile-room-overview__stats{display:flex;align-items:flex-end;gap:1rem}.mobile-room-overview__metric{display:flex;flex-direction:column;gap:.08rem}.mobile-room-overview__metric strong{font-size:1.5rem;font-family:Space Grotesk,Noto Sans SC,sans-serif;color:var(--primary)}.mobile-room-overview__metric span{font-size:.84rem;color:var(--text-secondary)}.mobile-room-overview__metric.status strong{font-size:1rem;color:#ff6f6a}.mobile-live-pill{display:inline-flex;align-items:center;gap:.38rem;min-height:30px;padding:.25rem .7rem;border-radius:999px;background:#ffffff0d;color:var(--text-secondary);font-size:.74rem;font-weight:700}.mobile-live-pill.active{background:#ff6d671f;color:#ff7a74}.mobile-live-pill__dot{width:8px;height:8px;border-radius:999px;background:currentColor;animation:pulse 1.6s infinite}.mobile-channel-section{padding-top:.2rem}.mobile-channel-section__heading{margin-bottom:.7rem}.mobile-stage-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,76%);gap:.85rem;overflow-x:auto;padding-bottom:.2rem;scroll-snap-type:x proximity}.mobile-stage-card{scroll-snap-align:start;min-height:130px;padding:1rem;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#2d354ef0,#191f31eb);display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #ffffff0a}.mobile-stage-card.highlighted{border-color:#45d6c570;box-shadow:0 0 0 1px #45d6c529,0 0 18px #45d6c529,inset 0 1px #ffffff0d}.mobile-stage-card__content strong{display:block;font-size:1.06rem;color:var(--text-primary);margin-bottom:.2rem}.mobile-stage-card__content span{font-size:.84rem;color:var(--text-secondary)}.mobile-stage-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mobile-stage-card__avatars{display:flex;align-items:center}.mobile-stage-card__avatar{width:28px;height:28px;margin-left:-7px;border-radius:999px;border:2px solid rgba(8,17,32,.96);background:linear-gradient(135deg,#b5ebd6,#ffe1c1);color:#10223a;font-size:.72rem;font-weight:800;display:grid;place-items:center}.mobile-stage-card__avatar:first-child{margin-left:0}.mobile-stage-card__status{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .75rem;border-radius:999px;background:#ffffff12;color:var(--text-secondary);font-size:.74rem;font-weight:700}.mobile-stage-card__status.live{background:#45d6c524;color:var(--success);box-shadow:0 0 14px #45d6c51f}.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}.room-home-overview{border-radius:22px;background:linear-gradient(180deg,#182438f5,#0e1726f0);border-color:#ffffff14;box-shadow:0 18px 38px #0000003d}.room-home-overview__header{align-items:flex-start;flex-direction:column;margin-bottom:.8rem}.room-home-overview__header h2{font-size:1.18rem}.room-home-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-home-overview__metric:last-child{grid-column:1 / -1}.room-list-header__meta,.room-list-header__status{width:100%}.channel-stage-card,.file-transfer-section,.room-highlight,.chat-banner,.member-card{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,.room-card__actions{flex-direction:column;align-items:stretch}.chat-header__status{width:100%}.status-badge{width:100%;justify-content:center}.chat-bubble{max-width:100%}.channel-header__title,.channel-header__stats,.channel-stage-card,.channel-inline-alert,.file-transfer-section,.user-info{display:none}.channel-users-section{padding-bottom:8.75rem}.channel-section-heading{margin-bottom:.7rem}.member-list{gap:.8rem}.member-card{background:linear-gradient(180deg,#283046f5,#1d2334eb);border-color:#ffffff14;padding:.95rem 1rem;box-shadow:0 16px 32px #00000029}.member-card.connected{border-color:#45d6c547;background:linear-gradient(180deg,#22353efa,#192a33f0)}.member-card__avatar{width:48px;height:48px;border-radius:999px;font-size:1rem}.member-card__meta{gap:.12rem}.member-card__name-row strong{font-size:1rem}.member-card__status{font-size:.84rem}.user-panel{position:fixed;left:.85rem;right:.85rem;bottom:calc(.85rem + env(safe-area-inset-bottom));z-index:1400;margin-top:0;padding:.72rem;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1c2539f5,#0f1523f0);box-shadow:0 18px 40px #0000004d,inset 0 1px #ffffff0a}.user-controls{grid-template-columns:56px repeat(3,minmax(0,1fr));gap:.55rem;align-items:stretch}.mobile-control-profile{display:grid;place-items:center;width:56px;min-height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.mobile-control-profile__avatar{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#07131e;font-size:.92rem;font-weight:800;font-family:Space Grotesk,Noto Sans SC,sans-serif}.user-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #45d6c50d}.user-controls:before{content:attr(data-user);display:none}.user-controls .control-btn{min-height:64px;border-radius:20px;gap:.28rem;background:#ffffff0a}.user-controls .control-btn.active{background:linear-gradient(180deg,#45d6c533,#1fb8ab24);box-shadow:0 0 18px #45d6c52e}.user-avatar-large{width:56px;height:56px;border-radius:18px}.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:1200;box-shadow:var(--shadow-panel)}.mobile-view-channels .mobile-bottom-nav{display:none}.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}}