:root{--ink:#1b1e2b;--muted:#616779;--paper:#fbfaf8;--cream:#f2eee6;--blue:#5346c9;--blue-dark:#40349f;--line:#dedfdc;--green:#2f9e6f;--shadow:0 24px 70px #2030481f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.brand{color:inherit;align-items:center;gap:.7rem;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:var(--blue);color:#fff;border-radius:11px 11px 11px 3px;justify-content:center;align-items:center;width:34px;height:34px;font:700 1rem/1 ui-sans-serif,system-ui;display:inline-flex;transform:rotate(-3deg)}.auth-page{grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.auth-intro{color:#fff;background:#1d1b3f;flex-direction:column;padding:2.4rem 3rem 0;display:flex;position:relative;overflow:hidden}.auth-intro .brand{z-index:2;position:relative}.auth-intro .brand-mark{background:#8b7dff}.collaboration-visual{width:100%;height:275px;position:absolute;bottom:0;left:0;overflow:hidden}.collaboration-visual:before{content:"";background:radial-gradient(circle,#9688ff47 0 2px,#0000 2.5px) 0 0/25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.visual-room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f7f8ff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:9px 1fr;align-items:center;gap:.15rem;width:210px;padding:.78rem 1rem;font-size:.74rem;font-weight:750;display:grid;position:absolute}.visual-room i{background:#63d49b;border-radius:50%;grid-row:1/3;width:8px;height:8px}.visual-room small{color:#b8b2e0;font-size:.56rem;font-weight:500}.room-one{bottom:72px;left:13%;transform:rotate(-3deg)}.room-two{bottom:116px;right:9%;transform:rotate(3deg)}.visual-person{color:#fff;background:linear-gradient(145deg,#8b7dff,#5346c9);border:3px solid #2b2856;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:.64rem;font-weight:850;display:flex;position:absolute;box-shadow:0 9px 25px #05112b4d}.visual-person:after{content:"";background:#53d38d;border:2px solid #2b2856;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-4px;right:-4px}.person-one{bottom:28px;left:41%}.person-two{bottom:171px;left:30%;transform:scale(.85)}.person-three{bottom:39px;right:23%;transform:scale(.9)}.intro-copy{z-index:2;max-width:590px;margin:auto 0;padding:4rem 2rem 12rem;position:relative}.intro-copy h1,.auth-card h2,.editor-heading h1,.welcome-copy h1{letter-spacing:-.035em;margin:.8rem 0 1rem;font-family:Georgia,Times New Roman,serif;line-height:1.04}.intro-copy h1{font-size:clamp(3rem,5vw,5.1rem);font-weight:500}.intro-copy p{color:#d6d3ee;max-width:510px;font-size:1.08rem;line-height:1.7}.eyebrow{color:var(--blue-dark);letter-spacing:.16em;font-size:.75rem;font-weight:800}.eyebrow.light{color:#b3a8ff}.landscape{width:100%;height:250px;position:absolute;bottom:0;left:0;overflow:hidden}.hill{border-radius:50% 50% 0 0;width:780px;height:280px;position:absolute;bottom:-130px}.hill-back{background:#35316b;left:-200px;transform:rotate(4deg)}.hill-front{background:#376458;right:-230px;transform:rotate(-4deg)}.cloud{opacity:.4;background:#d8d4f0;border-radius:30px;width:70px;height:13px;position:absolute}.cloud:before,.cloud:after{background:inherit;content:"";border-radius:50%;position:absolute}.cloud:before{width:32px;height:32px;top:-17px;left:12px}.cloud:after{width:22px;height:22px;top:-10px;right:10px}.cloud-one{top:25px;left:16%}.cloud-two{top:63px;right:17%;transform:scale(.7)}.tiny-house{z-index:2;background:#e8b776;width:83px;height:65px;position:absolute;bottom:67px;left:48%}.tiny-house:before{content:"";border-bottom:43px solid #9d5350;border-left:53px solid #0000;border-right:53px solid #0000;position:absolute;top:-41px;left:-11px}.tiny-house:after{content:"";background:#714b3c;width:20px;height:37px;position:absolute;bottom:0;left:32px}.tiny-tree{z-index:2;background:#5d3c31;width:9px;height:48px;position:absolute;bottom:39px}.tiny-tree:before{content:"";background:#4d8d6b;border-radius:50%;width:55px;height:62px;position:absolute;top:-45px;left:-23px}.tree-one{left:20%}.tree-two{bottom:34px;right:14%;transform:scale(.8)}.auth-panel{justify-content:center;align-items:center;padding:3rem;display:flex}.auth-card{width:100%;max-width:440px}.auth-card h2{font-size:2.8rem;font-weight:500}.muted{color:var(--muted);line-height:1.6}.form-stack{gap:1rem;margin-top:2rem;display:grid}label{color:#354157;gap:.5rem;font-size:.875rem;font-weight:700;display:grid}input,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:.88rem 1rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5346c926}textarea{resize:vertical}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.65}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{background:var(--blue);color:#fff;box-shadow:0 8px 20px #5346c938}.primary-button:hover{background:var(--blue-dark)}.secondary-button{color:var(--blue-dark);background:#eeecfb}.secondary-button.compact{min-height:38px;padding:.45rem .85rem;font-size:.875rem}.password-field{display:block;position:relative}.password-field input{width:100%;padding-right:3rem}.password-toggle{color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink)}.password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.google-button{border:1px solid var(--line);color:var(--ink);background:#fff;gap:.6rem;box-shadow:0 6px 16px #20304814}.google-button:hover{background:var(--cream)}.form-error{color:#9c3b46;background:#fff0f1;border:1px solid #f0ccd0;border-radius:8px;margin:0;padding:.75rem .9rem;font-size:.875rem}.form-switch{color:var(--muted);text-align:center;font-size:.9rem}.form-switch a{color:var(--blue-dark);font-weight:750}.dashboard-page{min-height:100vh;padding:0 max(2rem,50vw - 590px)}.topbar{border-bottom:1px solid #e4e4df;justify-content:space-between;align-items:center;height:82px;display:flex}.topbar-actions{align-items:center;gap:1rem;display:flex}.text-button{color:var(--muted);background:0 0;padding:.5rem;font-size:.875rem;font-weight:700}.text-button:hover{color:var(--ink)}.editor-heading{text-align:center;max-width:760px;margin:4.2rem auto 2.5rem}.editor-heading h1{font-size:3.4rem;font-weight:500}.editor-heading p{color:var(--muted);font-size:1.02rem}.editor-layout{grid-template-columns:.8fr 1.2fr;gap:2rem;max-width:1040px;margin:0 auto 5rem;display:grid}.preview-card,.editor-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e6e4dd;border-radius:18px}.preview-card{text-align:center;align-self:start;overflow:hidden}.preview-stage{background:radial-gradient(circle at 50% 35%,#fff9df,#dce8d6 72%);justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.preview-stage:after{content:"";background:#b9d09b;border-radius:50%;width:115%;height:145px;position:absolute;bottom:-62px}.preview-card>p{color:var(--muted);margin:0;padding:1.15rem;font-size:.875rem}.stage-spark{color:#e4b74f;font-size:1.7rem;position:absolute}.spark-one{top:26%;left:18%}.spark-two{top:17%;right:17%;transform:scale(.6)}.editor-card{padding:2rem}.profile-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.optional{color:var(--muted);float:right;font-size:.75rem;font-weight:500}.option-groups{gap:1.45rem;margin:2rem 0;display:grid}fieldset{border:0;margin:0;padding:0}legend{color:#354157;margin-bottom:.65rem;font-size:.875rem;font-weight:750}.option-row{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.swatch{color:var(--ink);background:0 0;border:1px solid #e2e1dc;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;min-height:60px;padding:.4rem;display:flex}.swatch>span{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:900;display:flex;box-shadow:0 0 0 1px #d9d9d5}.swatch small{color:var(--muted);font-size:.75rem}.swatch[aria-pressed=true]{border-color:var(--blue);background:#f2f0fd}.swatch-skin-peach>span{background:#f6c9a8}.swatch-skin-tan>span{background:#dba276}.swatch-skin-brown>span{background:#a96848}.swatch-skin-deep>span{background:#70402f}.swatch-hair-midnight>span{background:#292738}.swatch-hair-chestnut>span{background:#694332}.swatch-hair-copper>span{background:#aa5138}.swatch-hair-sunny>span{background:#e1b953}.swatch-shirt-ocean>span{background:#4c7ff0}.swatch-shirt-violet>span{background:#8562d8}.swatch-shirt-coral>span{background:#e66e68}.swatch-shirt-forest>span{background:#428b70}.swatch-pants-slate>span{background:#3d4966}.swatch-pants-denim>span{background:#496d9b}.swatch-pants-sand>span{background:#a48362}.swatch-pants-plum>span{background:#654660}.editor-card>.primary-button{width:100%}.avatar-preview{z-index:2;position:relative}.avatar-large{width:150px;height:230px}.avatar-small{transform-origin:0 0;width:150px;height:72px;transform:scale(.32)}.avatar-shadow{background:#2037412b;border-radius:50%;width:110px;height:18px;position:absolute;bottom:3px;left:20px}.avatar-leg{background:var(--pants);border-radius:0 0 11px 11px;width:36px;height:63px;position:absolute;bottom:17px}.leg-left{left:35px;transform:rotate(2deg)}.leg-right{right:35px;transform:rotate(-2deg)}.avatar-body{background:var(--shirt);border-radius:38px 38px 16px 16px;width:102px;height:82px;position:absolute;bottom:65px;left:24px}.avatar-body:before,.avatar-body:after{background:var(--skin);content:"";z-index:-1;border-radius:18px;width:25px;height:70px;position:absolute;top:10px}.avatar-body:before{left:-8px;transform:rotate(8deg)}.avatar-body:after{right:-8px;transform:rotate(-8deg)}.avatar-head{background:var(--skin);z-index:2;border-radius:44% 44% 47% 47%;width:88px;height:94px;position:absolute;top:10px;left:31px;overflow:hidden}.avatar-ear{background:var(--skin);z-index:1;border-radius:50%;width:22px;height:25px;position:absolute;top:49px}.ear-left{left:22px}.ear-right{right:22px}.avatar-hair{background:var(--hair);border-radius:48% 52% 38% 20%;width:97px;height:39px;position:absolute;top:-3px;left:-4px;transform:rotate(-3deg)}.avatar-hair:after{background:var(--hair);content:"";border-radius:0 0 12px 12px;width:16px;height:30px;position:absolute;top:17px;right:0}.avatar-eye{background:#28303b;border-radius:50%;width:7px;height:7px;position:absolute;top:51px}.eye-left{left:25px}.eye-right{right:25px}.avatar-smile{border-bottom:3px solid #9d554f;border-radius:50%;width:20px;height:9px;position:absolute;bottom:17px;left:35px}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:340px;padding:1.5rem 2rem 0}.intro-copy{padding:3rem 0 7rem}.intro-copy h1{font-size:2.8rem}.intro-copy p{display:none}.landscape{height:150px}.auth-panel{padding:3rem 1.5rem}.editor-layout{grid-template-columns:1fr}.preview-stage{height:330px}}@media (max-width:600px){.dashboard-page{padding:0 1rem}.brand{font-size:1rem}.editor-heading{margin-top:2.5rem}.editor-heading h1{font-size:2.4rem}.profile-fields{grid-template-columns:1fr}.editor-card{padding:1.2rem}.swatch small,.topbar-actions .secondary-button{display:none}}@media (prefers-reduced-motion:no-preference){.avatar-preview{animation:3s ease-in-out infinite breathe}@keyframes breathe{50%{transform:translateY(-4px)}}}.community-app{--accent:#5346c9;--accent-soft:#eeecfb;--accent-strong:#40349f;--shell:#15161f;--ink:#1b1e2b;--ink-soft:#3f4457;--muted:#616779;--line:#e2e2ec;--surface:#f6f6fa;--surface-alt:#eeeef4;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-base:.9375rem;color:var(--ink);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.community-app button,.community-app input,.community-app textarea,.community-app select{font:inherit}.community-app button:disabled{cursor:not-allowed}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent,#5346c9);outline-offset:2px;border-radius:7px}.community-rail :focus-visible{outline-color:#a89bff}.layer-scrim{cursor:default;z-index:40;background:#1011196b;border:0;position:fixed;inset:0}.avatar-badge{--badge-ring:#fff;background:color-mix(in srgb, var(--shirt) 20%, #fff);height:var(--badge-size,36px);width:var(--badge-size,36px);border-radius:30%;flex:none;display:inline-block;position:relative}.badge-shoulders{background:var(--shirt);border-radius:46% 46% 0 0;width:78%;height:34%;position:absolute;bottom:0;left:11%}.badge-head{background:var(--skin);border-radius:44% 44% 47% 47%;width:56%;height:64%;position:absolute;top:10%;left:22%;overflow:hidden}.badge-hair{background:var(--hair);border-radius:48% 52% 38% 20%;width:112%;height:42%;position:absolute;top:-6%;left:-6%}.badge-eye{background:#2a303c;border-radius:50%;width:13%;height:10%;position:absolute;top:48%}.badge-eye-left{left:22%}.badge-eye-right{right:22%}.badge-smile{border-bottom:calc(var(--badge-size,36px) * .05) solid #9c554f;border-radius:50%;width:40%;height:14%;position:absolute;bottom:14%;left:30%}.avatar-badge.speaking .badge-smile{animation:.42s ease-in-out infinite badge-talk}@keyframes badge-talk{0%,to{background-color:#0000;height:12%}50%{background-color:#9c554f;border-bottom-color:#0000;height:27%}}@media (prefers-reduced-motion:reduce){.avatar-badge.speaking .badge-smile{background-color:#9c554f;border-bottom-color:#0000;height:24%;animation:none}}.badge-status{border:2px solid var(--badge-ring);background:#2f9e6f;border-radius:50%;width:32%;height:32%;position:absolute;bottom:-8%;right:-8%}.badge-status.idle{background:#c98a19}.badge-status.busy{background:#cf4b55}.badge-status.offline{background:#8b90a0}.workspace-nav{z-index:45;grid-template-columns:72px 272px;display:grid}.community-rail{background:var(--shell);color:#fff;scrollbar-width:none;flex-direction:column;align-items:center;gap:.7rem;padding:.9rem .6rem;display:flex;overflow:hidden auto}.community-rail ul{flex-direction:column;align-items:center;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.product-mark,.community-rail a,.community-rail .rail-add{border-radius:17px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;transition:border-radius .16s,background .16s,color .16s;display:flex}.product-mark{background:linear-gradient(145deg,#8879ff,#5645d2);font-size:1.05rem;font-weight:850;box-shadow:0 8px 24px #5645d266}.rail-divider{background:#34364a;border-radius:2px;width:32px;height:2px}.community-rail a{background:var(--community-color,#4a4d63);color:#fff;font-size:var(--fs-xs);font-weight:850;text-decoration:none;position:relative}.community-rail a:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:0;transition:height .16s;position:absolute;left:-12px}.community-rail a:hover,.community-rail a.active{border-radius:13px}.community-rail a:hover:before{height:18px}.community-rail a.active:before{height:34px}.rail-add{color:#a79bff;background:#262838}.rail-add:hover{background:var(--accent);color:#fff;border-radius:13px}.channel-sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.server-heading{border-bottom:1px solid var(--line);flex:0 0 64px;justify-content:space-between;align-items:center;gap:1rem;padding:0 .85rem 0 1.05rem;display:flex}.server-heading div{min-width:0}.server-heading span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem;font-size:.6875rem;font-weight:800;display:block}.server-heading strong{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.server-heading>button{color:var(--ink-soft);background:0 0;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.server-heading>button:hover{background:var(--surface-alt);color:var(--accent)}.channel-scroll{flex:1;min-height:0;padding:.85rem .7rem 1.5rem;overflow:hidden auto}.channel-search{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:.5rem;width:100%;min-height:38px;margin-bottom:.5rem;padding:0 .6rem;display:flex}.channel-search:hover{color:var(--ink-soft);border-color:#c6c3ea}.channel-search span{font-size:var(--fs-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-search kbd,.action-search kbd,.palette-field kbd,.palette-hint kbd{background:var(--surface-alt);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:.1rem .3rem;font-family:inherit;font-size:.6875rem}.channel-search kbd{margin-left:auto}.channel-category{margin-top:.9rem}.channel-category>header{justify-content:space-between;align-items:center;gap:.25rem;min-height:28px;display:flex}.channel-category>header button{color:var(--muted);background:0 0;display:flex}.channel-category>header button:first-child{font-size:var(--fs-xs);letter-spacing:.07em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex:1;align-items:center;gap:.2rem;min-width:0;padding:.25rem .15rem;font-weight:850;overflow:hidden}.channel-category>header button:last-child{border-radius:6px;flex:none;padding:.3rem}.channel-category>header button:hover{color:var(--ink)}.category-chevron{place-items:center;transition:transform .14s;display:grid;transform:rotate(90deg)}.category-chevron.collapsed{transform:rotate(0)}.channel-list{gap:.1rem;margin:.15rem 0 0;padding:0;list-style:none;display:grid}.channel-empty{color:var(--muted);font-size:var(--fs-xs);padding:.35rem .6rem}.channel-list button{color:var(--ink-soft);font-size:var(--fs-md);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:.5rem;width:100%;min-height:36px;padding:.4rem .55rem;display:flex;overflow:hidden}.channel-list button>span:not(.sr-only){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-list button svg:last-of-type:not(:first-of-type){opacity:.75;margin-left:auto}.channel-list button:hover{background:var(--surface-alt);color:var(--ink)}.channel-list button.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.add-category{color:var(--muted);font-size:var(--fs-sm);background:0 0;border:1px dashed #cfcde3;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:38px;margin-top:1.3rem;font-weight:700;display:flex}.add-category:hover{border-color:var(--accent);color:var(--accent)}.current-account{--badge-ring:#eaeaf1;border-top:1px solid var(--line);background:#eaeaf1;flex:0 0 66px;grid-template-columns:36px minmax(0,1fr) 30px 30px;align-items:center;gap:.55rem;padding:.65rem .7rem;display:grid}.current-account>div{min-width:0}.current-account strong,.current-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.current-account strong{font-size:var(--fs-sm)}.current-account small{color:var(--muted);font-size:var(--fs-xs);margin-top:.1rem}.current-account>a,.current-account .text-button{color:var(--ink-soft);background:0 0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;text-decoration:none;display:flex}.current-account>a:hover,.current-account .text-button:hover{color:var(--accent);background:#dcdcea}.current-account .text-button{font-size:0}.current-account .text-button:before{content:"⏻";font-size:1rem}.channel-content{flex-direction:column;min-width:0;display:flex;overflow:hidden}.channel-topbar{border-bottom:1px solid var(--line);z-index:2;flex:0 0 64px;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem 0 1.15rem;display:flex;position:relative}.channel-identity{align-items:center;gap:.55rem;min-width:0;display:flex}.channel-identity>svg{color:var(--muted);flex:none}.channel-identity strong{font-size:var(--fs-base);white-space:nowrap}.channel-identity>span{border-left:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;margin-left:.45rem;padding-left:.85rem;overflow:hidden}.nav-toggle{color:var(--ink-soft);background:0 0;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;margin-right:.1rem;display:grid}.nav-toggle:hover{background:var(--surface)}.channel-actions{flex:none;align-items:center;gap:.3rem;display:flex}.channel-actions>button{color:var(--ink-soft);background:0 0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.channel-actions>button:hover{background:var(--surface);color:var(--accent)}.channel-actions>button.active{background:var(--accent-soft);color:var(--accent-strong)}.action-search{border:1px solid var(--line);font-size:var(--fs-sm);gap:.45rem;padding:0 .6rem;background:var(--surface)!important;color:var(--muted)!important;width:auto!important;display:flex!important}.action-search:hover{border-color:#c6c3ea;color:var(--ink-soft)!important}.text-channel{flex-direction:column;flex:1;min-height:0;display:flex}.message-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:1.5rem clamp(1.1rem,3vw,2.75rem) .5rem;display:flex;overflow:hidden auto}.message-stack{margin-top:auto}.channel-welcome{border-bottom:1px solid var(--line);padding-bottom:1.6rem}.channel-welcome>span{background:var(--accent-soft);color:var(--accent);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.channel-welcome h1{letter-spacing:-.03em;margin:1rem 0 .4rem;font-size:clamp(1.4rem,2.4vw,1.95rem)}.channel-welcome p{color:var(--muted);font-size:var(--fs-md);margin:0}.system-message{grid-template-columns:40px minmax(0,1fr);gap:.85rem;padding:1.5rem 0 .5rem;display:grid}.integration-avatar{color:#fff;background:linear-gradient(145deg,#6657e8,#9a6cec);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.system-message header{align-items:baseline;gap:.45rem;display:flex}.system-message header strong{font-size:var(--fs-md)}.system-message header em{background:var(--accent);color:#fff;letter-spacing:.03em;border-radius:4px;padding:.1rem .28rem;font-size:.625rem;font-style:normal;font-weight:800}.system-message header time{color:var(--muted);font-size:var(--fs-xs)}.system-message p{color:var(--ink-soft);font-size:var(--fs-md);margin:.4rem 0 .85rem;line-height:1.6}.integration-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:.8rem;max-width:580px;padding:.9rem 1rem .9rem .7rem;display:grid}.integration-card>i{background:var(--accent);border-radius:5px;align-self:stretch}.integration-card strong,.integration-card span{display:block}.integration-card strong{font-size:var(--fs-sm)}.integration-card span{color:var(--muted);font-size:var(--fs-xs);margin-top:.2rem;line-height:1.5}.integration-card small{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.06em;border-radius:5px;padding:.28rem .42rem;font-size:.6875rem;font-weight:800}.message-composer{flex:none;padding:.5rem clamp(1.1rem,3vw,2.75rem) 1.1rem}.composer-field{position:relative}.composer-field button{background:var(--surface-alt);color:var(--muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:.65rem;left:.65rem}.composer-field textarea{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:var(--fs-md);resize:none;border-radius:12px;width:100%;min-height:52px;padding:.95rem 1rem .8rem 3.3rem;display:block}.message-composer>p{color:var(--muted);font-size:var(--fs-xs);margin:.45rem 0 0 .15rem}.voice-channel{text-align:center;background:radial-gradient(circle at 50% 32%,#f4f2ff 0,#fff 55%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;overflow:hidden auto}.voice-channel[data-sharing=true]{justify-content:flex-start;padding:1rem 1.25rem;overflow:hidden}.voice-channel[data-sharing=true] .voice-stage{flex:none;margin:0}.voice-channel>button{background:var(--accent);color:#fff;font-size:var(--fs-md);border-radius:10px;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-weight:700;display:flex}.voice-channel>button:hover{background:var(--accent-strong)}.voice-channel>button:disabled{cursor:wait;opacity:.55}.voice-controls{gap:.7rem;display:flex}.voice-controls button{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:var(--fs-md);border-radius:10px;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-weight:700;display:flex}.voice-controls button:hover{background:var(--surface-alt)}.voice-controls button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}.voice-controls button:last-child:hover{color:#9c3b46;border-color:#e3a8ad}.voice-channel>small[data-status=unavailable],.voice-orb[data-status=unavailable],.voice-orb[data-status=unavailable]>span,.empty-channel{color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-channel h1{color:var(--ink);margin:.8rem 0 .35rem;font-size:1.4rem}.empty-channel p{font-size:var(--fs-md);margin:0}.empty-action{background:var(--accent);color:#fff;font-size:var(--fs-md);border-radius:9px;align-items:center;gap:.4rem;margin-top:1.4rem;padding:.7rem 1.1rem;font-weight:700;display:flex}.empty-action:hover{background:var(--accent-strong)}.member-sidebar{--badge-ring:#f8f8fb;border-left:1px solid var(--line);background:#f8f8fb;flex-direction:column;width:268px;min-width:0;display:flex}.member-sidebar>header{border-bottom:1px solid var(--line);flex:0 0 64px;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .85rem 0 1rem;display:flex}.member-sidebar>header>span{font-size:var(--fs-md);font-weight:750}.member-sidebar>header>strong{background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-xs);border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-right:auto;padding:0 .35rem;display:flex}.member-sidebar>header>button{color:var(--ink-soft);background:0 0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.member-sidebar>header>button:hover{background:var(--surface-alt)}.member-scroll{flex:1;min-height:0;padding:1.1rem .7rem;overflow:hidden auto}.member-group-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;margin:0 .45rem .6rem;font-weight:800}.member-list{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.member-list button{text-align:left;background:0 0;border-radius:9px;align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.4rem .5rem;display:flex}.member-list button:hover{background:var(--surface-alt)}.member-list button>span:not(.sr-only){min-width:0}.member-list strong,.member-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-list strong{color:var(--ink);font-size:var(--fs-sm)}.member-list small{color:var(--muted);font-size:var(--fs-xs);margin-top:.12rem}.role-summary{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.2rem}.role-summary ul{margin:0;padding:0;list-style:none}.role-summary li{color:var(--ink-soft);font-size:var(--fs-sm);align-items:center;gap:.5rem;min-height:30px;padding:0 .45rem;display:flex}.role-summary li>i{border-radius:50%;flex:none;width:8px;height:8px}.role-summary li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-summary li small{color:var(--muted);font-size:var(--fs-xs);margin-left:auto}.dialog-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#11121a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.palette-backdrop{align-items:flex-start;padding-top:min(14vh,8rem)}.command-palette{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:540px;max-height:min(30rem,70dvh);display:flex;overflow:hidden;box-shadow:0 28px 90px #0f101852}.palette-field{border-bottom:1px solid var(--line,#e2e2ec);align-items:center;gap:.6rem;padding:.9rem 1rem;display:flex}.palette-field>svg{color:#616779;flex:none}.palette-field input{box-shadow:none;color:#1b1e2b;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:.9375rem}.palette-results{flex:1;margin:0;padding:.5rem;list-style:none;overflow:hidden auto}.palette-results button{color:#3f4457;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:.55rem;width:100%;min-height:42px;padding:.45rem .7rem;font-size:.875rem;display:flex}.palette-results button[data-highlighted=true]{color:#40349f;background:#eeecfb}.palette-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-category{color:#616779;white-space:nowrap;margin-left:auto;padding-left:.6rem;font-size:.75rem}.palette-empty{color:#616779;text-align:center;margin:0;padding:1.6rem 1rem;font-size:.875rem}.palette-hint{border-top:1px solid var(--line,#e2e2ec);color:#616779;flex-wrap:wrap;gap:1rem;padding:.6rem 1rem;font-size:.75rem;display:flex}.palette-hint span{align-items:center;gap:.3rem;display:inline-flex}.creation-dialog{background:#fff;border-radius:16px;width:100%;max-width:512px;max-height:calc(100dvh - 3rem);padding:1.8rem;position:relative;overflow:hidden auto;box-shadow:0 28px 90px #0f101852}.dialog-close{color:#3f4457;background:#f1f1f5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:1.2rem;right:1.2rem}.dialog-close:hover{background:#e6e6ee}.dialog-kicker{color:#5346c9;letter-spacing:.12em;font-size:.75rem;font-weight:850}.creation-dialog h2{letter-spacing:-.03em;margin:.4rem 0;font-size:1.6rem}.creation-dialog>p{color:#616779;margin:0 0 1.5rem;font-size:.875rem;line-height:1.55}.creation-dialog form{gap:1.1rem;display:grid}.creation-dialog label,.channel-kind-picker legend{color:#3f4457;font-size:.8125rem;font-weight:750;display:block}.creation-dialog label>small{color:#616779;margin-left:.3rem;font-size:.75rem;font-weight:500}.creation-dialog input:not([type=checkbox]),.creation-dialog select{color:#1b1e2b;background:#fafafd;border:1px solid #dcdce7;border-radius:9px;outline:none;width:100%;height:44px;margin-top:.45rem;padding:0 .8rem;font-size:.9375rem}.creation-dialog input:focus,.creation-dialog select:focus{border-color:#5346c9;box-shadow:0 0 0 3px #5346c924}.channel-kind-picker{border:0;grid-template-columns:1fr 1fr;gap:.55rem;margin:0;padding:0;display:grid}.channel-kind-picker legend{grid-column:1/-1;margin-bottom:.45rem}.channel-kind-picker button{color:#3f4457;text-align:left;background:#fafafd;border:1px solid #dcdce7;border-radius:10px;align-items:center;gap:.7rem;min-height:66px;padding:.7rem;display:flex}.channel-kind-picker button.active{color:#40349f;background:#eeecfb;border-color:#5346c9}.channel-kind-picker button span,.channel-kind-picker button strong,.channel-kind-picker button small{display:block}.channel-kind-picker button strong{font-size:.8125rem}.channel-kind-picker button small{color:#616779;margin-top:.15rem;font-size:.75rem;line-height:1.4}.permission-toggle{background:#f7f7fa;border:1px solid #e4e4ec;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem;display:flex!important}.permission-toggle>span{align-items:center;gap:.65rem;display:flex}.permission-toggle>span>svg{color:#5346c9;flex:none}.permission-toggle strong,.permission-toggle small{display:block}.permission-toggle small{color:#616779;margin-top:.15rem;font-size:.75rem;font-weight:500;line-height:1.4}.permission-toggle>input{accent-color:#5346c9;flex:none;width:18px;height:18px}.permission-toggle:has(>input:disabled){opacity:.7}.dialog-error{color:#9c3b46;background:#fff0f1;border:1px solid #f0ccd0;border-radius:8px;margin:0;padding:.7rem .8rem;font-size:.8125rem;line-height:1.5}.creation-dialog form>footer{border-top:1px solid #e8e8ee;justify-content:flex-end;gap:.6rem;padding-top:1.1rem;display:flex}.creation-dialog form>footer button{color:#3f4457;background:#f0f0f4;border-radius:9px;min-width:92px;padding:.7rem .9rem;font-size:.875rem;font-weight:700}.creation-dialog form>footer button:hover{background:#e6e6ee}.creation-dialog form>footer .dialog-primary{color:#fff;background:#5346c9}.creation-dialog form>footer .dialog-primary:hover{background:#40349f}@media (max-width:1180px){.member-sidebar{z-index:50;width:min(300px,86vw);position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 60px #0f10182e}}@media (max-width:1000px){.action-search span,.action-search kbd{display:none}.action-search{padding:0;width:36px!important}}@media (max-width:900px){.community-app{grid-template-columns:minmax(0,1fr)}.workspace-nav{width:min(324px,88vw);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 60px #0f101838}.community-app[data-nav=open] .workspace-nav{transform:none}.workspace-nav{grid-template-columns:68px minmax(0,1fr)}.channel-identity>span{display:none}}@media (max-width:520px){.channel-topbar{padding:0 .6rem}.message-scroll,.message-composer{padding-left:1rem;padding-right:1rem}.system-message{grid-template-columns:34px minmax(0,1fr)}.channel-kind-picker{grid-template-columns:1fr}.creation-dialog{padding:1.4rem}.dialog-backdrop{padding:.9rem}}@media (prefers-reduced-motion:reduce){.community-app *,.dialog-backdrop *{transition-duration:.01ms!important}}.voice-channel-idle{gap:.9rem}.voice-channel-idle p{color:var(--muted);font-size:var(--fs-md);text-align:center;max-width:420px;margin:0}.voice-channel-idle p[data-status]{color:#a3242f}.voice-join{background:var(--accent);color:#fff;cursor:pointer;font-size:var(--fs-md);border-radius:10px;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-weight:700;display:flex}.voice-join:hover{background:var(--accent-strong)}.voice-quality select{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;font-size:var(--fs-sm);border-radius:10px;padding:.62rem .7rem}.voice-quality select:disabled{cursor:not-allowed;opacity:.55}.voice-dock{border-top:1px solid var(--line);flex-direction:column;gap:.45rem;padding:.65rem .75rem .5rem;display:flex}.voice-dock-status{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:.4rem;min-width:0;margin:0;display:flex}.voice-dock-status .voice-dot{background:var(--green);opacity:1;flex:none}.voice-dock-status span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-dock-status strong{color:var(--ink-soft)}.voice-dock-actions{gap:.3rem;display:flex}.voice-dock-actions button{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:34px;display:flex}.voice-dock-actions button:hover:not(:disabled){background:var(--surface-alt)}.voice-dock-actions button:disabled{cursor:not-allowed;opacity:.5}.voice-dock-actions button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.voice-dock-leave:hover{color:#9c3b46;border-color:#e3a8ad;background:#fdf0f1!important}.voice-dock-unblock{background:var(--accent);color:#fff;cursor:pointer;font-size:var(--fs-xs);border-radius:9px;padding:.4rem;font-weight:700}.voice-dock{position:relative}.voice-picker{border:1px solid var(--line);z-index:5;background:#fff;border-radius:11px;flex-direction:column;gap:.15rem;padding:.45rem;display:flex;position:absolute;bottom:calc(100% - .4rem);left:.6rem;right:.6rem;box-shadow:0 14px 34px #16182629}.voice-picker>p{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;margin:.1rem .35rem .25rem;font-weight:700}.voice-picker button{cursor:pointer;text-align:left;background:0 0;border-radius:8px;flex-direction:column;gap:.05rem;padding:.4rem .5rem;display:flex}.voice-picker button:hover{background:var(--surface)}.voice-picker button strong{color:var(--ink);font-size:var(--fs-sm);font-weight:650}.voice-picker button small{color:var(--muted);font-size:var(--fs-xs);line-height:1.35}.voice-picker button[aria-checked=true]{background:var(--accent-soft)}.voice-picker button[aria-checked=true] strong{color:var(--accent-strong)}.screen-share{flex-direction:column;flex:1;gap:.4rem;width:100%;min-height:0;margin:0;display:flex}.screen-share video{border:1px solid var(--line);object-fit:contain;background:#101119;border-radius:12px;flex:1;width:100%;min-height:0}.screen-share figcaption{color:var(--muted);font-size:var(--fs-xs);text-align:center}.voice-channel[data-sharing=true] .voice-stage li{width:76px}.voice-channel[data-sharing=true] .voice-portrait-fallback{font-size:var(--fs-xs);width:52px;height:52px}.voice-channel[data-sharing=true] .voice-stage .voice-tag{display:none}.voice-stage{flex-wrap:wrap;place-content:center;gap:1.4rem;margin:1.6rem 0;padding:0;list-style:none;display:flex}.voice-stage li{flex-direction:column;align-items:center;gap:.35rem;width:124px;display:flex}.voice-portrait{display:block;position:relative}.voice-portrait:after{content:"";border:2px solid #0000;border-radius:34%;transition:border-color .12s;position:absolute;inset:-5px}.voice-stage li.speaking .voice-portrait:after{border-color:var(--green)}.voice-stage li[data-deafened=true] .voice-portrait{opacity:.55}.voice-portrait-fallback{background:var(--surface-alt);color:var(--muted);font-size:var(--fs-md);border-radius:30%;justify-content:center;align-items:center;width:88px;height:88px;font-weight:700;display:flex}.voice-badge{background:var(--surface-alt);border:1px solid var(--line);color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-4px}.voice-stage .voice-name{color:var(--ink);font-size:var(--fs-md);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:650;overflow:hidden}.voice-stage .voice-tag{color:var(--muted);font-size:var(--fs-xs);text-align:center}.voice-roster{flex-direction:column;gap:.1rem;margin:.15rem 0 .35rem;padding:0 0 0 1.75rem;list-style:none;display:flex}.voice-roster li{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:.4rem;padding:.22rem .35rem;display:flex}.voice-roster li.speaking{color:var(--ink);font-weight:650}.voice-roster li.speaking .voice-dot{background:var(--green);opacity:1;transform:scale(1.15)}.voice-roster-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voice-tag{color:var(--muted);font-size:var(--fs-xs)}