:root{--zemin: #0d0e11;--pano: #15171c;--pano-2: #1b1e25;--yuksek: #232730;--kenar: #2b303a;--kenar-yumusak: #22262e;--metin: #edeef1;--metin-2: #b4b9c4;--sonuk: #838a98;--cok-sonuk: #626976;--vurgu: #e9a24c;--vurgu-parlak: #f7b969;--vurgu-koyu: #b8792a;--vurgu-sis: rgba(233, 162, 76, .14);--yesil: #46b17b;--sari: #e2b445;--kirmizi: #e05c68;--r-kucuk: 8px;--r-orta: 12px;--r-buyuk: 16px;--r-tam: 999px;--golge-2: 0 4px 16px rgba(0, 0, 0, .35);--golge-3: 0 16px 44px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:var(--zemin);color:var(--metin);font:15px/1.55 Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;padding:0}input,select,textarea{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--kenar);border-radius:var(--r-tam);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#3a4050;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--vurgu-sis);color:var(--vurgu-parlak)}.avatar{display:grid;place-items:center;border-radius:var(--r-tam);color:#1a1206;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease}.avatar.speaking{box-shadow:0 0 0 2px var(--zemin),0 0 0 4px var(--yesil)}.avatar-sarmal{position:relative;display:inline-block;flex-shrink:0}.avatar-sarmal .avatar{width:100%!important;height:100%!important}.durum-nokta{position:absolute;right:-1px;bottom:-1px;border-radius:var(--r-tam);border:2.5px solid var(--pano);box-sizing:content-box;background:var(--cok-sonuk)}.durum-nokta.cevrimici{background:var(--yesil)}.durum-nokta.bosta{background:var(--sari)}.durum-nokta.mesgul{background:var(--kirmizi)}.durum-nokta.cevrimdisi{background:#4b515e}.durum-menu .durum-nokta{position:static;width:9px;height:9px;border-width:0;display:inline-block}.login-wrap{height:100%;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% -20%,rgba(233,162,76,.1),transparent 70%),var(--zemin)}.login-card{width:370px;padding:34px;border-radius:var(--r-buyuk);background:var(--pano);border:1px solid var(--kenar-yumusak);box-shadow:var(--golge-3);display:flex;flex-direction:column}.login-card h1{margin:0;font-size:28px;letter-spacing:-.5px;background:linear-gradient(100deg,var(--vurgu-parlak),var(--vurgu));-webkit-background-clip:text;background-clip:text;color:transparent}.login-card label,.modal label,.profil-etiket,.sunucu-ayar label,.ekle-form label{display:block;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--sonuk);margin:18px 0 7px}.login-card input,.modal input,.ekle-satir input,.rol-ekle input,.arama-cubugu input,.duzenle-satir input,.cihaz-sec,.rol-sec,.rol-ara{padding:11px 13px;border-radius:var(--r-kucuk);border:1px solid var(--kenar);background:var(--zemin);color:var(--metin);outline:none;transition:border-color .14s,box-shadow .14s}.login-card input:focus,.modal input:focus,.ekle-satir input:focus,.arama-cubugu input:focus,.cihaz-sec:focus,.rol-ara:focus{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-sis)}.muted{color:var(--sonuk);margin:6px 0 4px}.dim{color:var(--sonuk)}.hint{font-size:12px;color:var(--sonuk);line-height:1.45}.error{color:var(--kirmizi);font-size:13px;margin-top:12px}.error.inline{margin:0 0 0 14px;font-weight:400}.bilgi{color:var(--yesil);font-size:13px;margin-top:12px}.primary{margin-top:22px;padding:11px 18px;border-radius:var(--r-kucuk);background:var(--vurgu);color:#1a1206;font-weight:650;transition:background .14s,transform .1s}.primary:hover:not(:disabled){background:var(--vurgu-parlak)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.45;cursor:default}.primary.danger-btn{background:var(--kirmizi);color:#fff}.primary.danger-btn:hover:not(:disabled){background:#ea6f79}.link{margin-top:14px;color:var(--sonuk);font-size:13px}.link:hover{color:var(--metin);text-decoration:underline}.inline-link{margin-top:2px;text-align:left}.mini{padding:6px 13px;border-radius:var(--r-kucuk);background:var(--yuksek);font-size:13px;color:var(--metin-2);transition:background .14s,color .14s}.mini:hover{background:var(--vurgu);color:#1a1206}.mini.ok{background:var(--yesil);color:#06210f}.mini.danger:hover{background:var(--kirmizi);color:#fff}.app{height:100dvh;display:grid;grid-template-columns:76px 264px 1fr 224px;transition:grid-template-columns .18s ease;grid-template-rows:minmax(0,1fr);gap:10px;padding:10px;overflow:hidden;background:var(--zemin)}.app.uyeler-kapali{grid-template-columns:76px 264px 1fr}.app>*{min-height:0;overflow:hidden}.guild-bar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0;overflow-y:auto;background:var(--pano);border:1px solid var(--kenar-yumusak);border-radius:var(--r-buyuk)}.guild-bar::-webkit-scrollbar{width:0}.guild-pill{position:relative;width:48px;height:48px;border-radius:var(--r-orta);background:var(--yuksek);color:var(--metin-2);font-weight:700;font-size:14px;letter-spacing:.4px;display:grid;place-items:center;overflow:hidden;transition:transform .16s cubic-bezier(.2,.8,.3,1.2),background .16s,color .16s,box-shadow .16s}.guild-pill:hover{transform:translateY(-2px);background:#2b303b;color:var(--metin)}.guild-pill.active{background:linear-gradient(150deg,var(--vurgu-parlak),var(--vurgu-koyu));color:#1a1206;box-shadow:0 6px 18px #e9a24c4d}.guild-pill.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffffff59}.guild-pill.add{background:transparent;border:1px dashed var(--kenar);color:var(--sonuk)}.guild-pill.add:hover{border-color:var(--vurgu);color:var(--vurgu);background:var(--vurgu-sis)}.guild-pill.home{background:var(--yuksek);color:var(--metin-2)}.guild-pill.home:hover,.guild-pill.home.active{background:var(--vurgu);color:#1a1206}.guild-ikon{width:100%;height:100%;object-fit:cover}.guild-sep{width:26px;height:2px;background:var(--kenar);border-radius:1px}.pill-badge{position:absolute;right:-3px;top:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-tam);background:var(--kirmizi);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid var(--pano);box-sizing:content-box}.channels{display:flex;flex-direction:column;min-height:0;background:var(--pano);border:1px solid var(--kenar-yumusak);border-radius:var(--r-buyuk);overflow:hidden}.channels-head{flex-shrink:0;padding:16px 16px 13px;border-bottom:1px solid var(--kenar-yumusak)}.guild-baslik{display:flex;align-items:center;justify-content:space-between;gap:8px}.guild-name{display:block;font-size:16px;letter-spacing:-.2px;font-weight:650}.invite{margin-top:5px;font-size:11.5px;color:var(--sonuk);font-family:ui-monospace,Cascadia Mono,monospace;letter-spacing:.3px}.invite:hover{color:var(--vurgu)}.invite.ok{color:var(--yesil)}.channel-scroll{flex:1;overflow-y:auto;padding:10px 10px 14px;min-height:0}.group-label,.kategori-basligi{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--cok-sonuk);padding:16px 8px 7px;text-align:left}.group-label button{color:var(--cok-sonuk);font-size:16px;line-height:1;padding:2px;border-radius:5px}.group-label button:hover{color:var(--vurgu)}.kategori-basligi:hover{color:var(--metin-2)}.kategori-basligi .ok{font-size:9px}.channel-row{display:flex;align-items:center;border-radius:var(--r-kucuk);margin-bottom:2px;transition:background .12s}.channel-row:hover{background:var(--pano-2)}.channel-row.active{background:var(--vurgu-sis)}.channel-row.active:before{content:"";width:3px;height:18px;border-radius:var(--r-tam);background:var(--vurgu);margin-left:3px}.channel{flex:1;min-width:0;display:flex;align-items:center;gap:9px;text-align:left;padding:8px 9px;color:var(--sonuk);font-size:14.5px}.channel-row:hover .channel{color:var(--metin-2)}.channel-row.active .channel{color:var(--metin);font-weight:600}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel.kilitli{opacity:.6}.hash{display:inline-flex;align-items:center;color:var(--cok-sonuk);flex-shrink:0}.channel-row.active .hash{color:var(--vurgu)}.count{margin-left:auto;font-size:11px;color:var(--sonuk);background:var(--zemin);border-radius:var(--r-tam);padding:1px 8px}.count.alert{background:var(--kirmizi);color:#fff;font-weight:700}.channel-del{opacity:0;color:var(--sonuk);font-size:17px;line-height:1;padding:4px 9px;border-radius:5px;transition:opacity .12s,color .12s}.channel-row:hover .channel-del{opacity:1}.channel-del:hover{color:var(--kirmizi)}.voice-list{padding:2px 0 6px 28px}.voice-user{width:100%;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--sonuk);padding:4px 7px;border-radius:6px;text-align:left}.voice-user:hover{background:var(--pano-2);color:var(--metin-2)}.voice-user.speaking{color:var(--metin)}.voice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-off{display:inline-flex;margin-left:auto;color:var(--kirmizi)}.dm-home{width:100%;display:flex;align-items:center;gap:9px;padding:9px;color:var(--sonuk);font-size:14.5px;text-align:left;border-radius:var(--r-kucuk)}.dm-home.active,.dm-home:hover{color:var(--metin);background:var(--pano-2)}.dm-row{gap:10px}.dm-texts{display:flex;flex-direction:column;min-width:0;line-height:1.3}.dm-preview{font-size:11.5px;color:var(--cok-sonuk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.bos{color:var(--sonuk);font-size:14px;padding:10px 8px;margin:0}.bos.kucuk{font-size:12.5px}.ses-panel{flex-shrink:0;margin:0 10px 10px;padding:12px;border-radius:var(--r-orta);background:linear-gradient(160deg,#46b17b1f,#46b17b0a);border:1px solid rgba(70,177,123,.28)}.ses-ust{display:flex;align-items:center;gap:8px}.ses-durum{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.ses-baglandi{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;color:var(--yesil)}.ses-nokta{width:8px;height:8px;border-radius:var(--r-tam);background:var(--yesil);animation:nabiz 2.2s ease-in-out infinite}@keyframes nabiz{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.ses-baglandi.baglaniyor{color:var(--sari)}.ses-baglandi.baglaniyor .ses-nokta{background:var(--sari);animation-duration:.8s}.ses-kanal{font-size:11.5px;color:var(--sonuk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ses-ayril{width:34px;height:34px;border-radius:var(--r-kucuk);background:#e05c6824;color:var(--kirmizi);display:grid;place-items:center;flex-shrink:0;transition:background .14s,color .14s}.ses-ayril:hover{background:var(--kirmizi);color:#fff}.ses-araclar{display:flex;gap:6px;margin-top:10px}.ses-araclar button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border-radius:var(--r-kucuk);background:#ffffff0b;color:var(--metin-2);transition:background .14s,color .14s}.ses-araclar button span{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ses-araclar button:hover{background:#ffffff1a;color:var(--metin)}.ses-araclar button.aktif{background:var(--vurgu);color:#1a1206}.ses-izin-uyari{width:100%;margin-top:10px;padding:9px;border-radius:var(--r-kucuk);background:var(--sari);color:#241c05;font-size:12.5px;font-weight:650;text-align:center}.ses-izin-uyari:hover{background:#eec55c}.me-bar{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px;border-top:1px solid var(--kenar-yumusak);background:var(--pano-2)}.me-sarmal{position:relative;flex:1;min-width:0}.me-open{width:100%;display:flex;align-items:center;gap:9px;padding:4px;border-radius:var(--r-kucuk);text-align:left}.me-open:hover{background:var(--yuksek)}.me-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.me-name{font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-state{font-size:11px;color:var(--sonuk);text-align:left}.me-state:hover{color:var(--metin-2)}.icon{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-kucuk);color:var(--metin-2);flex-shrink:0;transition:background .14s,color .14s}.icon:hover{background:var(--yuksek);color:var(--metin)}.icon.danger{color:var(--kirmizi)}.icon.yayinda{background:var(--kirmizi);color:#fff}.durum-menu{position:absolute;left:0;bottom:46px;width:176px;background:var(--yuksek);border:1px solid var(--kenar);border-radius:var(--r-orta);padding:6px;display:flex;flex-direction:column;box-shadow:var(--golge-3);z-index:30}.durum-menu button{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;font-size:13.5px;color:var(--metin-2);text-align:left}.durum-menu button:hover{background:var(--pano-2);color:var(--metin)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:var(--pano);border:1px solid var(--kenar-yumusak);border-radius:var(--r-buyuk);overflow:hidden}.main-head{display:flex;align-items:center;gap:9px;padding:0 18px;height:56px;flex-shrink:0;border-bottom:1px solid var(--kenar-yumusak)}.head-name{font-weight:650;font-size:15.5px}.head-araclar{margin-left:auto;display:flex;gap:4px}.arama-cubugu{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid var(--kenar-yumusak);flex-shrink:0;background:var(--pano-2)}.arama-cubugu input{flex:1}.panel-liste{max-height:42%;overflow-y:auto;background:var(--pano-2);border-bottom:1px solid var(--kenar);padding:0 16px 14px;flex-shrink:0}.panel-baslik{position:sticky;top:0;background:var(--pano-2);display:flex;align-items:center;justify-content:space-between;padding:14px 0 9px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--sonuk)}.panel-satir{display:flex;gap:11px;padding:9px 7px;border-radius:var(--r-kucuk)}.panel-satir:hover{background:var(--yuksek)}.panel-metin{display:flex;flex-direction:column;min-width:0}.panel-ust{font-size:12.5px;color:var(--sonuk)}.panel-ust strong{font-weight:650;color:var(--metin-2)}.panel-icerik{font-size:13.5px;color:var(--metin-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 10px}.day-sep{display:flex;align-items:center;gap:14px;margin:26px 0 16px;color:var(--cok-sonuk);font-size:11px;font-weight:650;letter-spacing:.4px}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--kenar-yumusak)}.msg{position:relative;display:flex;gap:14px;padding:7px 10px 4px;margin:1px -10px;border-radius:var(--r-orta);transition:background .1s}.msg:hover{background:#ffffff07}.msg.grouped{padding-top:1px}.msg.vurgulu{background:var(--vurgu-sis);box-shadow:inset 3px 0 0 var(--vurgu)}.msg.sabit{box-shadow:inset 3px 0 0 var(--sari)}.msg-time-hover{width:38px;flex-shrink:0;font-size:10.5px;color:var(--cok-sonuk);opacity:0;text-align:right;padding-top:4px}.msg:hover .msg-time-hover{opacity:1}.avatar-btn{border-radius:var(--r-tam);line-height:0;transition:transform .14s}.avatar-btn:hover{transform:scale(1.06)}.msg-content{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:9px}button.author{font-weight:650;font-size:15px;color:var(--metin)}button.author:hover{color:var(--vurgu)}.time{font-size:11px;color:var(--cok-sonuk)}.msg-body{white-space:pre-wrap;word-break:break-word;color:var(--metin-2);line-height:1.6}.duzenlendi{font-size:10.5px;color:var(--cok-sonuk)}.attachment{margin-top:8px}.attachment img,.attachment video{max-width:min(440px,100%);max-height:340px;border-radius:var(--r-orta);display:block;background:var(--zemin);border:1px solid var(--kenar-yumusak)}.attachment img{cursor:zoom-in}.tepkiler{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.tepki{display:inline-flex;align-items:center;gap:5px;background:var(--yuksek);border:1px solid transparent;border-radius:var(--r-tam);padding:2px 10px;font-size:12.5px;color:var(--metin-2);transition:border-color .12s,background .12s}.tepki:hover{border-color:var(--kenar)}.tepki.benim{background:var(--vurgu-sis);border-color:var(--vurgu);color:var(--vurgu-parlak)}.msg-arac{position:absolute;right:12px;top:-12px;display:flex;gap:2px;background:var(--yuksek);border:1px solid var(--kenar);border-radius:var(--r-kucuk);padding:3px;opacity:0;pointer-events:none;transition:opacity .12s;box-shadow:var(--golge-2);z-index:4}.msg:hover .msg-arac{opacity:1;pointer-events:auto}.msg-arac button{display:grid;place-items:center;padding:5px 7px;border-radius:6px;color:var(--sonuk)}.msg-arac button:hover{background:var(--pano-2);color:var(--vurgu)}.msg-arac button.tehlikeli:hover{background:var(--kirmizi);color:#fff}.emoji-sarmal{position:relative}.emoji-secici{position:absolute;right:0;top:32px;display:flex;gap:2px;background:var(--yuksek);border:1px solid var(--kenar);border-radius:var(--r-orta);padding:6px;box-shadow:var(--golge-3)}.emoji-secici button{font-size:18px;padding:5px 7px;border-radius:6px}.emoji-secici button:hover{background:var(--pano-2)}.yanit-ozet{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--sonuk);margin-bottom:4px;overflow:hidden}.yanit-ozet strong{color:var(--metin-2);font-weight:650}.yanit-metin{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.yanit-ok{color:var(--kenar)}.yanit-onizleme{display:flex;align-items:center;gap:9px;padding:8px 13px;margin-bottom:9px;background:var(--pano-2);border-left:3px solid var(--vurgu);border-radius:var(--r-kucuk);font-size:13px;color:var(--sonuk)}.yanit-kime{flex-shrink:0}.yanit-kime strong{color:var(--metin-2)}.duzenle-satir{display:flex;flex-direction:column;gap:5px}.duzenle-satir input{border-color:var(--vurgu);background:var(--pano-2)}.sistem-mesaj{text-align:center;font-size:12.5px;color:var(--sonuk);background:var(--pano-2);border:1px solid var(--kenar-yumusak);border-radius:var(--r-tam);padding:6px 16px;margin:12px auto;width:fit-content;max-width:80%}.empty{padding:44px 4px 20px}.empty-hash{width:66px;height:66px;border-radius:var(--r-buyuk);background:var(--vurgu-sis);color:var(--vurgu);display:grid;place-items:center;margin-bottom:16px}.empty h3{margin:0 0 7px;font-size:25px;letter-spacing:-.5px}.empty p{margin:0;color:var(--sonuk)}.yaziyor{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--sonuk);padding:0 6px 7px;height:20px}.yaziyor .nokta{width:4px;height:4px;border-radius:var(--r-tam);background:var(--vurgu);animation:zipla 1.2s infinite}.yaziyor .nokta:nth-child(2){animation-delay:.2s}.yaziyor .nokta:nth-child(3){animation-delay:.4s;margin-right:6px}@keyframes zipla{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.composer{padding:6px 18px 18px;flex-shrink:0}.composer-row{display:flex;align-items:center;gap:8px;background:var(--pano-2);border:1px solid var(--kenar-yumusak);border-radius:var(--r-buyuk);padding:6px 6px 6px 8px;transition:border-color .14s,box-shadow .14s}.composer-row:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-sis)}.composer-row>input{flex:1;min-width:0;padding:10px 6px;border:none;background:transparent;color:var(--metin);outline:none}.composer-row>input::placeholder{color:var(--cok-sonuk)}.composer-row>input:disabled{opacity:.55}.ek-btn{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-tam);background:var(--yuksek);color:var(--metin-2);transition:background .14s,color .14s}.ek-btn:hover:not(:disabled){background:var(--vurgu);color:#1a1206}.ek-btn:disabled{opacity:.35;cursor:default}.ek-onizleme{display:flex;align-items:center;gap:11px;padding:9px 11px;margin-bottom:9px;background:var(--pano-2);border:1px solid var(--kenar-yumusak);border-radius:var(--r-orta)}.ek-onizleme img,.ek-onizleme video{width:46px;height:46px;object-fit:cover;border-radius:var(--r-kucuk);background:var(--zemin)}.ek-ad{flex:1;min-width:0;font-size:13px;color:var(--metin-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-sil{color:var(--sonuk);font-size:20px;line-height:1;padding:0 6px}.ek-sil:hover{color:var(--kirmizi)}.jump-bottom{position:absolute;left:50%;bottom:88px;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;background:var(--vurgu);color:#1a1206;font-size:13px;font-weight:650;padding:8px 17px;border-radius:var(--r-tam);box-shadow:var(--golge-3);z-index:5}.jump-bottom:hover{background:var(--vurgu-parlak)}.members{padding:12px 10px;overflow-y:auto;min-height:0;background:var(--pano);border:1px solid var(--kenar-yumusak);border-radius:var(--r-buyuk)}.member{width:100%;display:flex;align-items:center;gap:11px;padding:6px 9px;margin-bottom:2px;border-radius:var(--r-kucuk);color:var(--metin-2);font-size:14.5px;text-align:left;transition:background .12s}.member:hover{background:var(--pano-2);color:var(--metin)}.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-voice{margin-left:auto;display:inline-flex;color:var(--yesil)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060709ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{width:400px;max-width:100%;max-height:calc(100vh - 32px);overflow-y:auto;flex-shrink:0;padding:28px;border-radius:var(--r-buyuk);background:var(--pano);border:1px solid var(--kenar);display:flex;flex-direction:column;box-shadow:var(--golge-3)}.modal.genis{width:460px}.modal h2{margin:0;font-size:21px;letter-spacing:-.3px}.modal-body{margin:12px 0 0;color:var(--metin-2);font-size:14px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px}.modal-actions .primary,.modal-actions .link{margin-top:0}.profile-row{display:flex;align-items:center;gap:18px;margin-top:22px}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-info strong{font-size:17px}.ekle-satir{display:flex;gap:10px}.ekle-satir input{flex:1;min-width:0}.ekle-satir .primary{margin-top:0;white-space:nowrap}.izin-satir{display:flex;align-items:center;gap:11px;padding:10px;border-radius:var(--r-kucuk);font-size:14px;color:var(--metin-2);cursor:pointer}.izin-satir:hover{background:var(--pano-2)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:19px;height:19px;flex-shrink:0;margin:0;border:1.5px solid var(--kenar);border-radius:6px;background:var(--zemin);cursor:pointer;position:relative;transition:background .14s,border-color .14s,box-shadow .14s}input[type=checkbox]:hover:not(:disabled){border-color:var(--sonuk)}input[type=checkbox]:checked{background:var(--vurgu);border-color:var(--vurgu)}input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid #1a1206;border-width:0 2.2px 2.2px 0;border-radius:1px;transform:rotate(43deg)}input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--vurgu-sis)}input[type=checkbox]:disabled{opacity:.4;cursor:default}.izin-satir input[type=checkbox]{cursor:pointer}.izin-satir:has(input:disabled){cursor:default}.izin-satir:has(input:checked){color:var(--metin)}.cihaz-sec{width:100%;cursor:pointer}.rol-sec{cursor:pointer;font-size:13px;padding:7px 9px}.tus-satir{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.tus-satir .mini{min-width:92px}.settings{width:min(880px,94vw);height:min(660px,90vh);background:var(--pano);border:1px solid var(--kenar);border-radius:var(--r-buyuk);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--golge-3)}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 15px}.settings-head h2{margin:0;font-size:20px;display:flex;align-items:center;gap:9px}.settings-head h2 .hash{display:grid;place-items:center;color:var(--sonuk)}.settings-body .modal-actions{margin-top:26px}.settings-body .primary.danger-btn{margin-top:12px;align-self:flex-start}.settings-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--kenar-yumusak)}.settings-tabs button{padding:10px 15px;color:var(--sonuk);font-size:14px;border-bottom:2px solid transparent;border-radius:var(--r-kucuk) var(--r-kucuk) 0 0}.settings-tabs button:hover{color:var(--metin)}.settings-tabs button.on{color:var(--vurgu);border-bottom-color:var(--vurgu)}.settings-hata{margin:14px 24px 0}.settings-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 26px}.roller{display:grid;grid-template-columns:220px 1fr;gap:24px}.rol-liste{display:flex;flex-direction:column;gap:3px}.rol-satir{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-kucuk);color:var(--metin-2);text-align:left;font-size:14px}.rol-satir:hover{background:var(--pano-2)}.rol-satir.on{background:var(--vurgu-sis);color:var(--metin)}.rol-nokta{width:11px;height:11px;border-radius:var(--r-tam);flex-shrink:0}.rol-nokta.buyuk{width:14px;height:14px}.rol-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rol-ekle{display:flex;gap:6px;margin-top:14px}.rol-ekle input{flex:1;min-width:0;font-size:13px;padding:8px 10px}.rol-baslik{display:flex;align-items:center;gap:11px;margin-bottom:7px}.rol-baslik strong{font-size:17px;flex:1}.izin-liste{display:flex;flex-direction:column;gap:2px;margin-top:18px}.uye-liste{display:flex;flex-direction:column;gap:4px}.uye-satir{display:flex;align-items:center;gap:12px;padding:11px;border-radius:var(--r-kucuk)}.uye-satir:hover{background:var(--pano-2)}.uye-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.uye-ad{font-weight:650;display:flex;align-items:center;gap:9px}.uye-roller{display:flex;flex-wrap:wrap;gap:5px}.rozet{font-size:10px;text-transform:uppercase;letter-spacing:.6px;background:var(--vurgu);color:#1a1206;border-radius:5px;padding:2px 7px;font-weight:700}.rol-etiket{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;border:1px solid;border-radius:var(--r-tam);padding:2px 10px}.rol-etiket button{font-size:13px;line-height:1;opacity:.7}.rol-etiket button:hover{opacity:1}.sunucu-ayar{max-width:580px}.davet-kutu{display:flex;align-items:center;gap:12px}.davet-kutu code{background:var(--zemin);border:1px solid var(--kenar-yumusak);border-radius:var(--r-kucuk);padding:10px 15px;font-size:14px;letter-spacing:1.2px;color:var(--vurgu)}.ikon-satir{display:flex;align-items:center;gap:18px}.sunucu-ikon{width:66px;height:66px;border-radius:var(--r-buyuk);object-fit:cover;display:grid;place-items:center}.bos-ikon{background:var(--yuksek);color:var(--metin-2);font-weight:700}.tehlike{margin-top:34px;padding:20px;border:1px solid rgba(224,92,104,.4);border-radius:var(--r-orta);background:#e05c680d}.tehlike h3{margin:0 0 9px;font-size:15px;color:var(--kirmizi)}.kanal-ayar .uye-satir{justify-content:space-between}.kanal-ayar .uye-ad{flex:1}.kanal-izin-satir{display:grid;grid-template-columns:1fr repeat(3,68px);align-items:center;gap:6px;padding:8px 7px;border-radius:var(--r-kucuk);font-size:13.5px}.kanal-izin-satir:hover{background:var(--pano-2)}.uc-durum{display:flex;justify-content:center}.uc-durum button{width:100%;padding:6px 0;border-radius:6px;background:var(--zemin);color:var(--sonuk);font-size:12px;border:1px solid var(--kenar)}.uc-durum button.secili.izin{background:var(--yesil);color:#06210f;border-color:var(--yesil)}.uc-durum button.secili.yasak{background:var(--kirmizi);color:#fff;border-color:var(--kirmizi)}.uc-durum button.secili.varsayilan{background:var(--yuksek);color:var(--metin)}.izin-baslik-satir{display:grid;grid-template-columns:1fr repeat(3,68px);gap:6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--cok-sonuk);padding:0 7px 5px;text-align:center}.izin-baslik-satir span:first-child{text-align:left}.friends{flex:1;min-height:0;overflow-y:auto;padding:0 24px 24px}.friends-tabs{display:flex;align-items:center;gap:6px;padding:16px 0;position:sticky;top:0;background:var(--pano);border-bottom:1px solid var(--kenar-yumusak);z-index:2}.friends-tabs button{padding:7px 13px;border-radius:var(--r-kucuk);color:var(--metin-2);font-size:14px;display:flex;align-items:center;gap:8px}.friends-tabs button:hover{background:var(--pano-2)}.friends-tabs button.on{background:var(--yuksek);color:var(--metin)}.friends-tabs .ekle-tab{margin-left:auto;background:var(--vurgu);color:#1a1206;font-weight:650}.friends-tabs .ekle-tab:hover,.friends-tabs .ekle-tab.on{background:var(--vurgu-parlak)}.tab-count{background:var(--zemin);border-radius:var(--r-tam);padding:1px 7px;font-size:11px;font-weight:700}.tab-count.alert{background:var(--kirmizi);color:#fff}.friends-body{padding-top:8px}.alt-baslik{font-size:10.5px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--cok-sonuk);margin:20px 0 7px}.friend-row{display:flex;align-items:center;gap:13px;padding:11px 9px;border-radius:var(--r-orta);border-bottom:1px solid var(--kenar-yumusak)}.friend-row:hover{background:var(--pano-2);border-bottom-color:transparent}.friend-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis}.bekliyor{font-size:12px;color:var(--sonuk)}.ekle-form{padding-top:20px;max-width:540px}.user-card{position:fixed;z-index:80;width:290px;background:var(--pano);border:1px solid var(--kenar);border-radius:var(--r-buyuk);box-shadow:var(--golge-3);overflow:visible}.kart-ust{height:66px;background:linear-gradient(135deg,var(--vurgu) 0%,#a9691f 100%);border-radius:var(--r-buyuk) var(--r-buyuk) 0 0;padding:0 16px;display:flex;align-items:flex-end;justify-content:space-between;position:relative}.kart-ust .avatar{transform:translateY(22px);border:5px solid var(--pano);box-sizing:content-box}.kart-menu-sarmal{position:relative;align-self:flex-start;margin-top:10px}.kart-uc-nokta{display:grid;place-items:center;color:#2a1c08;padding:4px 7px;border-radius:6px;background:#ffffff47}.kart-uc-nokta:hover{background:#ffffff73}.kart-menu,.kisi-menu,.alt-menu,.tasi-liste,.rol-secici{background:var(--yuksek);border:1px solid var(--kenar);border-radius:var(--r-orta);padding:6px;box-shadow:var(--golge-3)}.kart-menu{position:absolute;right:0;top:32px;min-width:180px;display:flex;flex-direction:column;z-index:90}.kart-menu button,.kisi-menu>button,.alt-menu button,.tasi-liste button{text-align:left;padding:8px 11px;border-radius:6px;font-size:13.5px;color:var(--metin-2)}.kart-menu button:hover,.kisi-menu>button:hover:not(:disabled),.alt-menu button:hover,.tasi-liste button:hover{background:var(--vurgu);color:#1a1206}.kart-menu button.tehlikeli,.kisi-menu>button.tehlikeli,.alt-menu button.tehlikeli{color:var(--kirmizi)}.kart-menu button.tehlikeli:hover,.kisi-menu>button.tehlikeli:hover,.alt-menu button.tehlikeli:hover{background:var(--kirmizi);color:#fff}.kisi-menu>button:disabled{color:var(--cok-sonuk);cursor:default}.kart-govde{padding:32px 16px 16px;display:flex;flex-direction:column;gap:7px}.kart-ad{font-size:17px}.kart-baslik{font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--cok-sonuk);margin-top:9px}.kart-roller,.kart-rol-secim{display:flex;flex-wrap:wrap;gap:6px}.kart-rol-alani{position:relative}.kart-islemler{margin-top:13px}.kart-islemler .primary{margin-top:0;width:100%;padding:10px}.rol-ekle-dugme{font-size:12px;border:1px dashed var(--kenar);border-radius:var(--r-tam);padding:3px 11px;color:var(--sonuk)}.rol-ekle-dugme:hover{border-color:var(--vurgu);color:var(--vurgu)}.ses-satir{display:flex;align-items:center;gap:10px}.ses-satir input[type=range]{flex:1;accent-color:var(--vurgu);cursor:pointer}.ses-deger{font-size:12px;color:var(--sonuk);min-width:38px;text-align:right}.rol-toggle{font-size:12px;border:1px solid;border-radius:var(--r-tam);padding:3px 11px;background:transparent}.rol-toggle.on{color:#1a1206}.rol-toggle:disabled{opacity:.5;cursor:default}.kisi-menu{position:fixed;z-index:90;min-width:216px;max-height:calc(100vh - 16px);overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column}.menu-ayrac{height:1px;background:var(--kenar);margin:5px 3px}.menu-hata{color:var(--kirmizi);font-size:12px;padding:6px 11px}.menu-baslik{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--cok-sonuk);padding:7px 11px 4px}.menu-altmenu{position:relative}.altmenu-baslik{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-radius:6px;font-size:13.5px;color:var(--metin-2);text-align:left}.altmenu-baslik:hover{background:var(--pano-2);color:var(--metin)}.altmenu-baslik .ok{color:var(--cok-sonuk)}.alt-menu,.tasi-liste{position:absolute;left:100%;top:0;margin-left:5px;min-width:196px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;z-index:95}.rol-secici{z-index:95;width:240px}.rol-ara{width:100%;border-color:var(--vurgu);font-size:13.5px;padding:9px 11px}.rol-secenekler{max-height:220px;overflow-y:auto;margin-top:7px}.rol-secenek{width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:6px;font-size:13.5px;color:var(--metin-2);text-align:left}.rol-secenek:hover{background:var(--pano-2);color:var(--metin)}.rol-secenek .rol-ad{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rol-secenek .onay{color:var(--yesil)}.rol-bos{color:var(--sonuk);font-size:13px;padding:10px 9px}.yayin-paneli{display:flex;gap:10px;padding:12px 18px;background:var(--pano-2);border-bottom:1px solid var(--kenar-yumusak);overflow-x:auto;flex-shrink:0}.yayin-kutu{position:relative;flex-shrink:0}.yayin-kutu video{width:320px;max-width:46vw;aspect-ratio:16 / 9;border-radius:var(--r-orta);background:#000;object-fit:contain;display:block;border:1px solid var(--kenar)}.yayin-etiket{position:absolute;left:9px;bottom:9px;background:#000000b3;color:#fff;font-size:11.5px;padding:3px 9px;border-radius:var(--r-tam)}.yayin-dugmeler{position:absolute;top:9px;right:9px;display:flex;gap:6px;opacity:0;transition:opacity .14s}.yayin-kutu:hover .yayin-dugmeler{opacity:1}.yayin-dugmeler button{display:grid;place-items:center;background:#000000ad;color:#fff;padding:7px 9px;border-radius:var(--r-kucuk)}.yayin-dugmeler button:hover{background:#000000e0}.yayin-dugmeler button.dur{background:var(--kirmizi)}.muzik-panel{display:flex;align-items:center;flex-wrap:wrap;row-gap:10px;gap:13px;padding:11px 18px;background:linear-gradient(100deg,var(--vurgu-sis),transparent 60%),var(--pano-2);border-bottom:1px solid var(--kenar-yumusak);flex-shrink:0}.muzik-oynatici{width:240px;aspect-ratio:16 / 9;border-radius:var(--r-orta);overflow:hidden;background:#000;flex-shrink:0;transition:width .18s;border:1px solid var(--kenar)}.muzik-panel.kucuk .muzik-oynatici{width:128px}.muzik-oynatici>div,.muzik-oynatici iframe{width:100%;height:100%;border:0}.muzik-bilgi{flex:1 1 120px;min-width:0;display:flex;flex-direction:column}.muzik-baslik{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzik-ekleyen{font-size:11.5px;color:var(--sonuk)}.muzik-ses{display:flex;align-items:center;gap:8px;flex-shrink:0}.muzik-ses input[type=range]{width:92px;accent-color:var(--vurgu);cursor:pointer}.ses-simge{display:grid;place-items:center;padding:5px;border-radius:6px}.ses-simge:hover{background:var(--yuksek)}.ses-yuzde{font-size:11.5px;color:var(--sonuk);min-width:36px}.muzik-dugmeler{display:flex;gap:6px}.muzik-dugmeler button{display:grid;place-items:center;background:var(--yuksek);color:var(--metin-2);padding:8px 11px;border-radius:var(--r-kucuk)}.muzik-dugmeler button:hover{background:var(--vurgu);color:#1a1206}.muzik-dugmeler button.dur{background:var(--kirmizi);color:#fff}.muzik-dugmeler button:disabled{opacity:.35;cursor:default}.muzik-dugmeler button:disabled:hover{background:var(--yuksek);color:var(--metin-2)}.muzik-dugmeler button.etkin{background:var(--vurgu);color:#1a1206}.muzik-dugmeler button{position:relative}.sira-rozet{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-tam);background:var(--vurgu);color:#1a1206;font-size:10.5px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--pano-2);box-sizing:content-box}.muzik-dugmeler button.etkin .sira-rozet{background:#1a1206;color:var(--vurgu)}.muzik-sira{flex-basis:100%;border-top:1px solid var(--kenar-yumusak);padding-top:10px}.sira-ust{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sonuk);margin-bottom:7px}.sira-ust button{font-size:11px;letter-spacing:.3px;text-transform:none;color:var(--sonuk);padding:3px 8px;border-radius:6px}.sira-ust button:hover{background:var(--yuksek);color:var(--kirmizi)}.sira-bos{margin:2px 0 4px;font-size:12.5px;color:var(--cok-sonuk)}.sira-liste{list-style:none;margin:0;padding:0;max-height:168px;overflow-y:auto}.sira-liste li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-kucuk)}.sira-liste li:hover{background:var(--yuksek)}.sira-no{width:18px;flex-shrink:0;font-size:11.5px;color:var(--cok-sonuk);font-variant-numeric:tabular-nums}.sira-ad{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sira-ekleyen{font-size:11.5px;color:var(--sonuk);flex-shrink:0}.sira-sil{display:grid;place-items:center;padding:4px;border-radius:6px;color:var(--cok-sonuk);opacity:0;flex-shrink:0}.sira-liste li:hover .sira-sil{opacity:1}.sira-sil:hover{background:var(--kirmizi);color:#fff}.kod{background:var(--zemin);border:1px solid var(--kenar-yumusak);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;color:var(--vurgu-parlak)}.kod-blok{background:var(--zemin);border:1px solid var(--kenar);border-radius:var(--r-orta);padding:12px 14px;margin:8px 0 0;overflow-x:auto;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;white-space:pre-wrap;color:var(--metin-2)}.mesaj-link{color:var(--vurgu);text-decoration:none}.mesaj-link:hover{text-decoration:underline}.etiket-vurgu,.etiket-kisi{background:var(--vurgu-sis);color:var(--vurgu-parlak);border-radius:4px;padding:0 4px;font-weight:600}button svg,.hash svg,.member-voice svg,.mic-off svg{display:block;flex-shrink:0}@media (max-width: 1080px){.app{grid-template-columns:68px 232px 1fr;gap:8px;padding:8px}.members{display:none}}@media (max-width: 760px){.alt-menu,.tasi-liste,.rol-secici{left:auto;right:100%;margin:0 5px 0 0}.muzik-ses input[type=range]{width:60px}.ses-yuzde{display:none}}.muzik-oynatici:fullscreen,.muzik-oynatici:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}.muzik-oynatici{cursor:pointer}.channel-row[draggable=true]{cursor:grab}.channel-row.suruklenen{opacity:.4;cursor:grabbing}.channel-row.uzerinde{box-shadow:inset 0 2px 0 var(--vurgu);background:var(--vurgu-sis);border-radius:var(--r-kucuk)}.head-araclar .icon.on{color:var(--vurgu)}.rol-basligi{margin-top:14px}.members>div:first-child .rol-basligi{margin-top:0}