/* polish-v2.css | Modern desktop/mobile | Costa Chat 2.0 dark Discord-inspired interface */
:root{--rail:#121318;--sidebar:#232428;--main:#313338;--members:#2b2d31;--input:#383a40;--item-hover:#35373c;--selected:#404249;--text:#f2f3f5;--muted:#b5bac1;--faint:#949ba4;--line:#24262b;--blurple:#5865f2;--green:#23a559;font-family:'gg sans',Inter,'Segoe UI',system-ui,sans-serif}
body{background:#121318}
.window-bar{background:#121318;height:25px;min-height:25px}.window-title{font-weight:650;font-size:12px}.demo-pill{font-size:10px;letter-spacing:.5px;color:#b5bac1}
.server-rail{background:var(--rail);width:72px;min-width:72px;padding-top:12px;gap:9px}
.rail-item{transition:border-radius .18s ease,background .18s ease,transform .18s ease}.rail-item:hover{border-radius:15px;transform:translateY(-1px)}.rail-item.selected{border-radius:16px}
.sidebar{background:var(--sidebar);width:240px;min-width:240px;border-radius:9px 0 0 0}.sidebar-head{height:49px;min-height:49px;border-bottom:1px solid #18191c;box-shadow:0 1px 0 #14151760;font-size:15px}.sidebar-head:hover{background:#2f3136}
.sidebar-scroll{padding:7px 7px 12px}.server-event{display:none}.nav-top-entry{height:35px;font-size:13px;color:#a9adb7;margin:2px 0}.nav-top-entry:hover,.dm-entry:hover{background:#35373c;color:#fff}.nav-top-entry.selected{background:#41434b;color:#f5f5f8}
.category-head{height:30px;font-size:10px;letter-spacing:.45px;font-weight:750;color:#949ba4;margin-top:13px}.category-head:hover{color:#e3e5e8}.channel-entry{min-height:33px;font-size:13px;font-weight:530;padding:0 9px;gap:8px;border-radius:4px}.channel-entry:hover{background:#35373c;color:#dddfe7}.channel-entry.selected{background:#3f4148;color:#fff}.channel-entry>svg{opacity:.8}
.sidebar-footer{background:#232428;border-top:1px solid #1e1f22;min-height:58px}.sidebar-footer .icon-btn:hover{background:#3b3d45}.sidebar-search-btn{background:#1e1f22}
.main-panel{background:var(--main)}.chat-header{height:49px;min-height:49px;padding:0 18px;border-bottom:1px solid #26272c;box-shadow:0 1px 1px #00000020}.chat-header .header-label{font-size:15px;font-weight:680}.chat-header .header-topic{font-size:12px}.chat-header-right .icon-btn{opacity:.87}.chat-header-right .icon-btn:hover{opacity:1}
.members-panel{background:#2b2d31;border-left:0;width:232px;min-width:232px}.member-group-heading{font-size:11px;letter-spacing:.3px}.member-entry{border-radius:5px;margin:2px 0}.member-entry:hover{background:#35373c}.member-details b{font-weight:650}
.message:hover{background:#2e3035}.message-main{min-width:0}.message-name{font-weight:650}.message-body{font-size:14px;line-height:1.48}.message-actions{background:#2b2d31;border-color:#18191c}.composer{border-radius:8px;background:#383a40}.composer textarea{font-size:14px}.composer-container{padding-bottom:23px}.day-break{color:#838791}.channel-intro h1{font-size:23px}.channel-intro p{color:#b5bac1}
.friends-tabs{gap:5px}.friends-tab.active{background:#404249}.friends-list-main{max-width:none}.friend-row{border-top:1px solid #41434b}.add-friend-panel h2{font-size:15px}.header-search{background:#1e1f22;border-radius:4px}
.modal-backdrop{background:#0a0b0bc2;backdrop-filter:blur(5px)}.modal-card{background:#313338;border-radius:8px;box-shadow:0 18px 70px #0008}.form-input{border-radius:4px}.primary-btn{background:#5865f2;border-radius:4px;font-weight:650}.primary-btn:hover{background:#4752c4}.secondary-btn{border-radius:4px}
.auth-root{background:radial-gradient(ellipse at 20% 5%,#42446e 0,transparent 45%),linear-gradient(135deg,#252743,#171923 70%)}.auth-container{background:#313338;border-radius:7px;box-shadow:0 20px 80px #08090bcc}.auth-logo{border-radius:18px}.auth-container label input{background:#1e1f22;border:1px solid #1a1b1e;border-radius:4px}.auth-switch{background:#222329}.auth-switch button.active{background:#5865f2}
/* immersive call room */
.call-experience{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;background:radial-gradient(ellipse at 50% -15%,#383a43 0%,#313338 47%,#2e3035 100%)}
.call-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 34px 12px;flex-shrink:0}.call-kicker{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a2a7b6}.call-topbar h2{font-size:22px;display:flex;align-items:center;gap:9px;line-height:1.2;margin:6px 0}.call-topbar h2 svg{color:#d3d6e0}.call-topbar p{color:#afb4be;font-size:12px;margin:4px 0 0}.call-head-actions{display:flex;align-items:center;gap:9px}.call-connected{font-size:11px;color:#c4efcd;font-weight:700;background:#21473480;padding:9px 13px;border:1px solid #315b3e;border-radius:20px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.call-connected i,.dock-status-dot{display:block;width:8px;height:8px;background:#23a559;border-radius:50%;box-shadow:0 0 0 3px #23a55924}.call-outline{border:1px solid #5d606a;border-radius:5px;color:#ebedf6;padding:8px 11px;display:flex;align-items:center;gap:7px;font-weight:650;font-size:12px}
.call-stage{width:min(100% - 68px,1320px);min-height:280px;height:min(54vh,650px);margin:12px auto 14px;border:1px solid #41434d;border-radius:12px;background:#101115;overflow:hidden;position:relative;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0 20px 55px #0000004d}
.call-stage-top{display:flex;align-items:center;gap:13px;padding:10px 14px;background:#15161b;min-height:45px;z-index:1;flex-shrink:0}.call-stage-top strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-live{display:flex;align-items:center;gap:5px;background:#e03941;color:white;font-size:10px;letter-spacing:.65px;font-weight:850;padding:5px 8px;border-radius:4px;white-space:nowrap}.stage-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.stage-icon-btn{display:grid;place-items:center;width:31px;height:29px;border-radius:5px;color:#c1c5d0}.stage-icon-btn:hover{background:#3c3f49;color:white}
.stage-video{width:100%;height:100%;min-height:0;flex:1;background:#0b0c0e;object-fit:contain}.call-stage.stage-cover .stage-video{object-fit:cover}.call-stage-bottom{height:29px;min-height:29px;display:grid;place-items:center;font-size:10px;color:#828995;background:#14151a}
.call-stage:fullscreen{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.call-stage:fullscreen .stage-video{max-height:calc(100vh - 75px)}.call-stage.stage-maximized{position:fixed;inset:0;width:100vw;height:100dvh;z-index:160;border:0;border-radius:0}
.call-people-title{display:flex;align-items:baseline;gap:9px;padding:9px 34px 13px}.call-people-title b{font-size:14px}.call-people-title span{color:#a2a6b3;font-size:12px}
.call-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0 34px;max-width:1300px;align-content:start;flex:1}.call-people.has-stage{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));flex:0 0 auto}.call-tile{display:flex;flex-direction:column;border:2px solid transparent;background:#222328;border-radius:10px;padding:0;overflow:hidden;min-width:0;height:clamp(155px,25vh,250px);position:relative;text-align:left;transition:border-color .12s ease,background .12s ease}.has-stage .call-tile{height:clamp(125px,18vh,180px)}.call-tile:hover{border-color:#626875;background:#1e1f24}.call-tile.chosen{border-color:#6372fa}.tile-surface{min-height:0;flex:1;width:100%;display:grid;place-items:center;background:linear-gradient(155deg,#24262d,#1c1d23);position:relative}.tile-avatar .member-avatar{width:72px;height:72px;font-size:26px;box-shadow:0 8px 22px #0006}.tile-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tile-live-badge{position:absolute;right:9px;top:10px;display:flex;align-items:center;gap:4px;font-size:9px;letter-spacing:.4px;font-weight:800;padding:5px 8px;border-radius:4px;color:white;background:#dc3444}.tile-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;gap:7px;background:#222328;min-height:32px}.tile-footer b{font-size:11px;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-footer svg{color:#959ba6}
.call-no-one{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:190px;border:1px dashed #535660;border-radius:11px;color:#aab0bd}.call-no-one b{color:#e5e7ef;font-size:16px}.call-no-one span{font-size:12px}
.call-participants{margin:18px 34px 5px;padding:14px 16px;background:#24262b;border:1px solid #3d3f49;border-radius:10px;display:flex;flex-direction:column;gap:9px}.call-participants>b{font-size:13px;margin-bottom:4px}.call-participants>div{display:flex;align-items:center;gap:10px;font-size:12px}.call-participants .member-avatar{height:30px;width:30px;font-size:12px}
.call-bottom{margin-top:auto;padding:16px 24px 25px;display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.call-toolbar{display:flex;justify-content:center;align-items:center;gap:9px;padding:9px 14px;border-radius:16px;background:#1d1e23;border:1px solid #3c3d47;box-shadow:0 12px 40px #08080ca1;max-width:100%;flex-wrap:wrap}.call-tool{min-width:74px;padding:0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;color:#e0e1e8;font-size:10px;font-weight:650}.call-tool .tool-icon{display:grid;place-items:center;background:#3c3e47;height:43px;width:52px;border-radius:12px;transition:background .12s ease,transform .12s ease}.call-tool:hover .tool-icon{background:#4b4f5c;transform:translateY(-1px)}.call-tool.is-on .tool-icon{background:#5865f2}.call-tool.danger .tool-icon{background:#dc3547}.call-tool.danger:hover .tool-icon{background:#f04758}.call-footnote{font-size:10px;color:#999fac;text-align:center}.call-join{display:flex;justify-content:center}.call-join-btn{border-radius:5px;background:#23a559;color:white;font-size:13px;font-weight:750;padding:13px 20px;display:flex;align-items:center;gap:10px}.call-join-btn:hover{background:#1f8b4c}
.call-dock-controls{pointer-events:auto;border:1px solid #484b55;background:#17181e;min-height:58px;border-radius:12px;padding:9px 10px 9px 15px;gap:11px;box-shadow:0 20px 50px #09090ad4}.dock-caption{display:flex;flex-direction:column;gap:4px;min-width:135px}.dock-caption b{font-size:12px;margin:0}.dock-caption small{color:#a4a8b6;font-size:10px}.call-dock-controls .dock-button{border-radius:9px;width:36px;height:35px}.media-dock>audio{display:none}
.light .call-experience{background:linear-gradient(#f1f2f7,#e8ebf3)}.light .call-topbar h2{color:#252831}.light .call-topbar p,.light .call-kicker,.light .call-people-title span{color:#5b6070}.light .call-people-title b{color:#303440}.light .call-footnote{color:#6d7382}
@media(max-width:1050px){.call-people{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.call-stage{width:calc(100% - 42px)}.call-topbar{padding-left:21px;padding-right:21px}.call-people-title{padding-left:21px;padding-right:21px}.call-people{margin:0 21px}}
@media(max-width:700px){.server-rail{width:59px;min-width:59px}.sidebar{left:59px}.call-topbar{padding:20px 15px 12px}.call-topbar h2{font-size:18px}.call-topbar p{font-size:11px}.call-connected{font-size:0;padding:8px}.call-connected i{width:8px;height:8px}.call-stage{width:calc(100% - 20px);height:40dvh;min-height:210px;margin:8px 10px 15px}.call-stage-top{padding:7px 9px;gap:6px}.call-stage-top strong{font-size:10px}.call-stage-bottom{font-size:9px}.call-people-title{padding:8px 13px 9px}.call-people{margin:0 12px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.call-people.has-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.call-tile,.has-stage .call-tile{height:155px}.tile-avatar .member-avatar{width:55px;height:55px;font-size:19px}.call-bottom{padding:14px 8px 20px}.call-toolbar{gap:4px;padding:8px;max-width:100%;width:100%;justify-content:space-around}.call-tool{min-width:48px;font-size:9px;gap:4px}.call-tool .tool-icon{width:42px;height:40px}.call-participants{margin:12px}.call-stage:fullscreen{height:100%;width:100%}}
@media(max-width:420px){.call-toolbar{border-radius:12px}.call-tool{min-width:43px}.call-tool .tool-icon{width:39px;height:39px}.call-tool>span:last-child{max-width:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-topbar h2{font-size:17px}.call-people{grid-template-columns:repeat(2,minmax(0,1fr))}.call-tile{height:137px}.tile-footer{padding:6px}.tile-footer b{font-size:10px}.call-footnote{max-width:260px}}
@media(prefers-reduced-motion:reduce){.call-tile,.call-tool .tool-icon{transition:none!important}}
.voice-users-under{padding:1px 4px 6px 28px;display:flex;flex-direction:column;gap:3px}.voice-under-person{display:flex;align-items:center;gap:7px;color:#b8bcc7;font-size:11px;padding:3px 4px;border-radius:4px;min-height:24px}.voice-under-person:hover{background:#31343a;color:#f1f2f6}.voice-under-person>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-under-avatar{height:22px;width:22px;flex:none;border-radius:50%;color:white;font-size:9px;font-weight:800;display:grid;place-items:center;position:relative}.voice-under-avatar .presence-dot{display:none}