:root{--bg:#070a12;--panel:#0e1320;--panel2:#121827;--line:#222b3d;--text:#f6f7fb;--muted:#91a0bd;--purple:#7357ff;--purple2:#8e78ff;--danger:#ef5c79}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input{font:inherit}
.wr4-shell{min-height:100vh}.wr4-topbar{height:76px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#090d16;position:sticky;top:0;z-index:20}.wr4-brand{display:flex;gap:12px;align-items:center}.wr4-brand strong{display:block}.wr4-brand small{display:block;color:var(--muted);margin-top:2px}.wr4-logo{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--purple),#4ca2ff);display:grid;place-items:center;font-weight:800}.wr4-room-badge{justify-self:center;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#0d121d;font-size:14px}.wr4-dot{display:inline-block;width:8px;height:8px;background:#32dfa0;border-radius:50%;margin-right:8px}.wr4-topbar>.wr4-btn{justify-self:end}
.wr4-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;min-height:calc(100vh - 76px)}.wr4-main{padding:18px;min-width:0}.wr4-stage{position:relative;min-height:590px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(91,61,255,.11),transparent 40%),#020306;overflow:hidden;display:grid;place-items:center}.wr4-stage video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000}.wr4-empty{position:relative;z-index:2;text-align:center;padding:30px}.wr4-empty h1{font-size:clamp(34px,5vw,60px);line-height:1.05;margin:28px 0 16px}.wr4-empty p{color:#9cafcf;font-size:17px}.wr4-play{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--purple);margin:auto;font-size:25px;padding-left:4px}.wr4-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.wr4-btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;color:#fff}.wr4-btn:disabled,.wr4-control:disabled{opacity:.42;cursor:not-allowed}.wr4-btn-primary{background:linear-gradient(135deg,var(--purple),var(--purple2))}.wr4-btn-secondary{background:#171e2d;border:1px solid #263149}.wr4-status{margin:28px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 16px;background:#111827;border:1px solid #2b354a;border-radius:14px}.wr4-status b,.wr4-status small{display:block}.wr4-status small{color:#91a0bd;margin-top:3px}.wr4-spinner{width:18px;height:18px;border:2px solid #38425a;border-top-color:var(--purple2);border-radius:50%;animation:spin 1s linear infinite}.wr4-status.ready .wr4-spinner{animation:none;background:#32dfa0;border:0}.wr4-status.error .wr4-spinner{animation:none;background:var(--danger);border:0}@keyframes spin{to{transform:rotate(360deg)}}
.wr4-controls{margin-top:14px;min-height:72px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;flex-wrap:wrap}.wr4-control{border:0;border-radius:12px;background:#171e2d;color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}.wr4-danger{color:#ff7992}.wr4-overlay-btn{position:absolute;z-index:5;padding:14px 20px;border:0;border-radius:12px;background:var(--purple);color:white;font-weight:800;cursor:pointer}
.wr4-sidebar{border-left:1px solid var(--line);background:#0a0f18;display:flex;flex-direction:column;min-height:0}.wr4-tabs{height:58px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.wr4-tab{border:0;background:transparent;color:#9babc7;font-weight:800;border-bottom:2px solid transparent}.wr4-tab.active{color:#fff;border-bottom-color:var(--purple2)}.wr4-panel{display:none;min-height:0;flex:1}.wr4-panel.active{display:flex;flex-direction:column}.wr4-messages{flex:1;overflow:auto;padding:18px}.wr4-msg{display:flex;gap:10px;margin-bottom:18px}.wr4-avatar{flex:0 0 34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--purple),#4ca2ff);display:grid;place-items:center;font-weight:800}.wr4-msg b{font-size:14px}.wr4-msg small{color:#73809b;margin-left:6px}.wr4-msg p{margin:5px 0 0;color:#d8deea;line-height:1.45;overflow-wrap:anywhere}.wr4-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.wr4-chat-form input{flex:1;min-width:0;background:#151b29;color:#fff;border:1px solid #29344a;border-radius:12px;padding:13px}.wr4-chat-form button{width:46px;border:0;border-radius:12px;background:var(--purple);color:#fff}.wr4-people{padding:16px;overflow:auto}.wr4-person{display:flex;gap:10px;align-items:center;padding:12px;border-radius:13px;background:#111725;margin-bottom:8px}.wr4-person .meta{min-width:0}.wr4-person strong{display:block}.wr4-person small{color:var(--muted)}.wr4-pill{margin-left:auto;font-size:11px;padding:5px 8px;border-radius:999px;background:#2b2356;color:#c9c0ff}
.wr4-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}.wr4-dialog{position:relative;width:min(440px,100%);background:#111725;border:1px solid #29344a;border-radius:20px;padding:26px}.wr4-dialog h2{margin-top:0}.wr4-dialog label{display:block;color:#aab6cc;margin:16px 0 7px}.wr4-dialog input{width:100%;margin-top:8px;padding:13px;border-radius:11px;border:1px solid #2b3650;background:#090e18;color:#fff;text-transform:none}.wr4-dialog .wr4-btn{width:100%;margin-top:18px}.wr4-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#9aa8c0;font-size:27px}.wr4-error{color:#ff7892;min-height:20px}
body.admin-bar .wr4-topbar{top:32px}
@media(max-width:950px){.wr4-layout{grid-template-columns:1fr}.wr4-sidebar{border-left:0;border-top:1px solid var(--line);height:430px}.wr4-stage{min-height:520px}.wr4-topbar{grid-template-columns:1fr auto}.wr4-room-badge{display:none}}
@media(max-width:600px){body.admin-bar .wr4-topbar{top:46px}.wr4-topbar{height:64px;padding:0 12px}.wr4-brand small{display:none}.wr4-main{padding:10px}.wr4-stage{min-height:55vh;border-radius:16px}.wr4-empty h1{font-size:38px}.wr4-empty p{font-size:15px}.wr4-actions{flex-direction:column}.wr4-actions .wr4-btn{width:100%}.wr4-status{width:100%}.wr4-controls{justify-content:stretch}.wr4-control{flex:1 1 45%;padding:12px 8px}.wr4-sidebar{height:45vh}.wr4-topbar>.wr4-btn{padding:10px 12px}}

.wr4-room-sidebar{border-right:1px solid var(--line);background:#0a0f18;padding:14px;min-height:0;overflow:auto}
.wr4-room-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 14px}
.wr4-room-sidebar-head strong,.wr4-room-sidebar-head small{display:block}
.wr4-room-sidebar-head small{color:var(--muted);margin-top:3px;font-size:12px}
.wr4-room-sidebar-head button{border:1px solid #2a3448;background:#141b29;color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer}
.wr4-create-room-card{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px dashed #5d52aa;background:linear-gradient(135deg,rgba(115,87,255,.16),rgba(76,162,255,.07));color:#fff;border-radius:15px;padding:13px;cursor:pointer;margin-bottom:13px}
.wr4-create-room-card b,.wr4-create-room-card small{display:block}
.wr4-create-room-card small{color:#9aa8c2;margin-top:3px}
.wr4-create-icon{width:36px;height:36px;border-radius:11px;background:var(--purple);display:grid;place-items:center;font-size:22px}
.wr4-room-list{display:flex;flex-direction:column;gap:8px}
.wr4-room-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #222d41;background:#111725;color:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer;transition:.2s}
.wr4-room-item:hover{border-color:#6758ce;transform:translateY(-1px);background:#151c2c}
.wr4-room-item:disabled{opacity:.48;cursor:not-allowed;transform:none}
.wr4-room-item-avatar{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,var(--purple),#4ca2ff);display:grid;place-items:center;font-weight:800}
.wr4-room-item-main{min-width:0;flex:1}.wr4-room-item-main b,.wr4-room-item-main small{display:block}.wr4-room-item-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wr4-room-item-main small{color:#8e9bb6;margin-top:3px}
.wr4-room-capacity{font-size:11px;padding:5px 7px;border-radius:999px;background:#20283a;color:#b8c2d6}
.wr4-room-list-empty{color:#7f8da8;text-align:center;padding:22px 8px;font-size:13px}
@media(max-width:1180px){.wr4-layout{grid-template-columns:230px minmax(0,1fr) 310px}}
@media(max-width:950px){.wr4-layout{grid-template-columns:1fr}.wr4-room-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:255px}.wr4-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wr4-sidebar{border-left:0;border-top:1px solid var(--line);height:430px}}
@media(max-width:600px){.wr4-room-sidebar{max-height:235px}.wr4-room-list{grid-template-columns:1fr}.wr4-room-item{padding:10px}}

html,body{overflow:hidden;background:#313338}.gs-app{display:grid;grid-template-columns:72px 240px minmax(0,1fr);height:100vh;background:#313338;color:#f2f3f5}.gs-servers{background:#1e1f22;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.gs-server{width:48px;height:48px;border:0;border-radius:50%;background:#313338;color:#dbdee1;font-weight:800;font-size:18px;transition:.18s}.gs-server:hover,.gs-server.active{border-radius:16px;background:#5865f2;color:#fff}.gs-server.add{color:#23a559}.gs-servers>span{width:32px;height:2px;background:#35363c}.gs-channels{background:#2b2d31;display:flex;flex-direction:column;min-width:0}.gs-channels>header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023}.gs-channels>header button{border:0;background:transparent;color:#b5bac1}.gs-channel-scroll{flex:1;overflow:auto;padding:16px 8px}.gs-section-title{font-size:12px;font-weight:800;color:#949ba4;padding:0 8px 6px;display:flex;justify-content:space-between}.gs-channel,.gs-create-room{width:100%;border:0;background:transparent;color:#949ba4;text-align:left;padding:8px 10px;border-radius:4px;font-size:16px}.gs-channel:hover,.gs-channel.active,.gs-create-room:hover{background:#35373c;color:#fff}.gs-userbar{height:54px;background:#232428;display:flex;align-items:center;gap:8px;padding:6px 8px}.gs-userbar>div:nth-child(2){flex:1}.gs-userbar b,.gs-userbar small{display:block}.gs-userbar small{font-size:11px;color:#b5bac1}.gs-userbar button{border:0;background:transparent;color:#b5bac1}.gs-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5865f2,#9b59b6);font-weight:800}.gs-main{min-width:0;display:flex;flex-direction:column}.gs-topbar{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26272b}.gs-topbar>div{display:flex;align-items:center;gap:9px}.gs-topbar span{font-size:24px;color:#80848e}.gs-topbar small{color:#949ba4;border-left:1px solid #4e5058;padding-left:12px}.gs-topbar button{border:0;background:transparent;color:#b5bac1}.gs-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;min-height:0;flex:1}.gs-chat-area{display:flex;flex-direction:column;min-width:0;position:relative}.wr4-stage{min-height:0;flex:1;border:0;border-radius:0;background:#313338}.wr4-empty{text-align:left;width:100%;align-self:end}.gs-welcome-icon{width:68px;height:68px;border-radius:50%;background:#41434a;display:grid;place-items:center;font-size:38px;font-weight:800}.wr4-empty h1{font-size:30px;margin:16px 0 8px}.wr4-empty p{color:#b5bac1}.wr4-status{margin:18px 0 0}.gs-members{background:#2b2d31;padding:20px 8px;overflow:auto}.gs-members h3{font-size:12px;color:#949ba4;margin:0 8px 8px}.wr4-person{background:transparent;border-radius:4px}.wr4-person:hover{background:#35373c}.wr4-chat-form{margin:0 16px 18px;background:#383a40;border:0}.wr4-chat-form input{background:transparent;border:0}.wr4-messages{max-height:240px}.gs-voicebar{position:fixed;left:312px;right:240px;bottom:0;z-index:25;min-height:58px;background:#232428;border-top:1px solid #1e1f22;display:flex;align-items:center;gap:8px;padding:8px 14px}.gs-voicebar>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;margin-right:auto}.gs-voicebar b,.gs-voicebar small{grid-column:2}.gs-voicebar small{font-size:11px;color:#949ba4}.gs-voicebar .live{width:9px;height:9px;border-radius:50%;background:#23a559;grid-row:1/3;align-self:center}.gs-voicebar button{border:0;border-radius:4px;background:#383a40;color:#fff;padding:9px 11px}.gs-voicebar .danger{background:#da373c}.wr4-room-item{background:transparent;border:0;border-radius:4px}.wr4-room-item:hover{background:#35373c;transform:none}.wr4-room-item-avatar{display:none}.wr4-room-capacity{background:#1e1f22}.wr4-modal{background:rgba(0,0,0,.72)}.wr4-dialog{background:#313338;border:0;border-radius:8px}.wr4-dialog input{background:#1e1f22;border:0}.wr4-btn-primary{background:#5865f2}.wr4-overlay-btn{background:#5865f2}
@media(max-width:1050px){.gs-content{grid-template-columns:1fr}.gs-members{display:none}.gs-voicebar{right:0}}
@media(max-width:760px){.gs-app{grid-template-columns:64px minmax(0,1fr)}.gs-channels{display:none}.gs-main{grid-column:2}.gs-voicebar{left:64px}.gs-topbar small{display:none}}

/* Modal ve diğer hidden öğeler, tema display kuralları tarafından ezilmesin. */
[hidden], .wr4-modal[hidden], .gs-modal[hidden] {
  display: none !important;
}

.wr4-nick-help{display:block;text-align:center;color:#aeb6c7;margin-top:14px;font-size:12px}


button{pointer-events:auto}
.wr4-dialog .wr4-btn-primary{display:block!important;cursor:pointer}
.wr4-dialog .wr4-btn-primary:disabled{opacity:.55;cursor:wait}
.wr4-nick-help{line-height:1.4}