:root{--renk-ana: #ff7a4d;--renk-ana-acik: #ffa06b;--renk-2: #ff4d8d;--renk-3: #8b5cf6;--renk-4: #34d399;--renk-uyari: #fbbf24;--zemin: #141026;--zemin-2: #1b1436;--yuzey: #241a45;--yuzey-2: #2f2257;--kenar: #3a2b6b;--yazi: #f4f0ff;--yazi-soluk: #b3a7d8;--yazi-sessiz: #7e72ab;--r-kucuk: 10px;--r-orta: 16px;--r-buyuk: 24px;--r-tam: 999px;--golge-1: 0 2px 8px rgba(0, 0, 0, .25);--golge-2: 0 10px 30px rgba(0, 0, 0, .35);--golge-parla: 0 0 0 1px rgba(255, 122, 77, .35), 0 8px 24px rgba(255, 122, 77, .2);--gecis: .18s cubic-bezier(.34, 1.3, .64, 1);--cubuk-g: 76px;--cubuk-k: 268px;--cubuk-u: 240px;--font-baslik: "Bricolage Grotesque", system-ui, sans-serif;--font-metin: "Nunito", system-ui, sans-serif}html[data-tema=acik]{--zemin: #f6f2ff;--zemin-2: #efe8ff;--yuzey: #ffffff;--yuzey-2: #f3edff;--kenar: #ded2fb;--yazi: #241a45;--yazi-soluk: #5b4c86;--yazi-sessiz: #8d80b4;--golge-1: 0 2px 8px rgba(60, 30, 120, .1);--golge-2: 0 10px 30px rgba(60, 30, 120, .14);--golge-parla: 0 0 0 1px rgba(255, 122, 77, .4), 0 8px 24px rgba(255, 122, 77, .22)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-metin);background:var(--zemin);color:var(--yazi);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}h1,h2,h3{font-family:var(--font-baslik);margin:0}.dugme-ana{width:100%;padding:16px;border-radius:var(--r-orta);background:linear-gradient(135deg,var(--renk-ana),var(--renk-2));color:#fff;font-family:var(--font-baslik);font-size:18px;font-weight:800;letter-spacing:.2px;box-shadow:var(--golge-parla);transition:transform var(--gecis),filter var(--gecis)}.dugme-ana:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.dugme-ana:active:not(:disabled){transform:translateY(0) scale(.99)}.dugme-ana:disabled{filter:grayscale(.6) brightness(.75);cursor:default;box-shadow:none}.dugme-yari{padding:12px 18px;border-radius:var(--r-tam);background:var(--yuzey-2);border:1px solid var(--kenar);font-weight:700;transition:background var(--gecis),transform var(--gecis)}.dugme-yari:hover{background:var(--kenar);transform:translateY(-1px)}.alan{width:100%;padding:14px 16px;border-radius:var(--r-orta);background:var(--yuzey);border:1.5px solid var(--kenar);outline:none;font-size:16px;transition:border-color var(--gecis),box-shadow var(--gecis)}.alan:focus{border-color:var(--renk-ana);box-shadow:0 0 0 4px #ff7a4d26}.hata{padding:12px 16px;border-radius:var(--r-orta);background:#fbbf2424;border:1px solid rgba(251,191,36,.4);color:var(--renk-uyari);font-weight:700;font-size:14px}.giris-zarf{height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 600px at 15% -10%,rgba(255,122,77,.28),transparent 60%),radial-gradient(900px 600px at 105% 110%,rgba(139,92,246,.3),transparent 60%),var(--zemin);overflow:auto}.giris-kart{width:100%;max-width:400px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r-buyuk);padding:32px 28px;box-shadow:var(--golge-2);animation:yuksel .42s cubic-bezier(.34,1.3,.64,1)}@keyframes yuksel{0%{opacity:0;transform:translateY(18px)}}.giris-logo{font-size:54px;text-align:center;animation:salinim 3.2s ease-in-out infinite;display:inline-block}@keyframes salinim{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.giris-baslik{text-align:center;font-size:32px;font-weight:800;background:linear-gradient(100deg,var(--renk-ana-acik),var(--renk-2),var(--renk-3));-webkit-background-clip:text;background-clip:text;color:transparent;margin:8px 0 4px}.giris-alt{text-align:center;color:var(--yazi-soluk);margin-bottom:24px;font-size:15px}.anahtarlar{display:flex;gap:6px;margin-bottom:20px;background:var(--yuzey-2);padding:5px;border-radius:var(--r-tam)}.anahtarlar button{flex:1;padding:10px;border-radius:var(--r-tam);font-weight:800;font-size:14px;color:var(--yazi-soluk);transition:background var(--gecis),color var(--gecis)}.anahtarlar button.aktif{background:linear-gradient(135deg,var(--renk-ana),var(--renk-2));color:#fff;box-shadow:var(--golge-1)}.form-satir{display:grid;gap:8px;margin-bottom:14px}.form-satir label{font-size:13px;font-weight:800;color:var(--yazi-soluk);padding-left:6px}.ayrac{display:flex;align-items:center;gap:12px;color:var(--yazi-sessiz);font-size:12px;font-weight:800;margin:20px 0 14px}.ayrac:before,.ayrac:after{content:"";flex:1;height:1px;background:var(--kenar)}.ipucu{text-align:center;font-size:13px;color:var(--yazi-sessiz);margin-top:16px}.link-isaret{color:var(--renk-ana-acik);font-weight:800;background:none;padding:2px 4px}.ana-duzen{height:100%;display:grid;grid-template-columns:var(--cubuk-g) var(--cubuk-k) 1fr var(--cubuk-u);background:var(--zemin)}.lonca-cubuk{background:var(--zemin-2);border-right:1px solid var(--kenar);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;overflow-y:auto}.lonca-simge{width:50px;height:50px;border-radius:var(--r-orta);background:var(--yuzey);border:1px solid var(--kenar);font-size:26px;display:grid;place-items:center;flex-shrink:0;transition:border-radius var(--gecis),transform var(--gecis),background var(--gecis)}.lonca-simge:hover{border-radius:var(--r-kucuk);transform:translateY(-2px)}.lonca-simge.aktif{background:linear-gradient(135deg,var(--renk-ana),var(--renk-2));border-color:transparent;box-shadow:var(--golge-parla);transform:translateY(-2px)}.tema-dugme{margin-top:auto;width:40px;height:40px;border-radius:var(--r-tam);background:var(--yuzey);border:1px solid var(--kenar);font-size:18px;transition:transform var(--gecis)}.tema-dugme:hover{transform:rotate(20deg) scale(1.08)}.kanal-cubuk{background:var(--yuzey);border-right:1px solid var(--kenar);display:flex;flex-direction:column;min-height:0}.kanal-baslik{padding:18px 16px 12px;font-family:var(--font-baslik);font-size:19px;font-weight:800;border-bottom:1px solid var(--kenar);display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanal-liste{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.kanal-grup{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--yazi-sessiz);padding:14px 10px 6px}.kanal{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-kucuk);font-weight:700;color:var(--yazi-soluk);width:100%;text-align:left;transition:background var(--gecis),color var(--gecis),transform var(--gecis)}.kanal:hover{background:var(--yuzey-2);color:var(--yazi);transform:translate(2px)}.kanal.aktif{background:linear-gradient(100deg,#ff7a4d38,#8b5cf62e);color:var(--yazi)}.kanal .isaret{font-size:17px;width:22px;text-align:center;flex-shrink:0}.sohbet{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--zemin)}.sohbet-ust{height:60px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--kenar);background:var(--zemin-2)}.sohbet-ad{font-family:var(--font-baslik);font-weight:800;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cikar{margin-left:auto;padding:8px 14px;border-radius:var(--r-tam);border:1px solid var(--kenar);font-weight:700;font-size:14px;white-space:nowrap;transition:background var(--gecis)}.cikar:hover{background:var(--yuzey-2)}.mesajlar{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:4px}.gun-ayrac{align-self:center;margin:14px 0 10px;padding:6px 16px;border-radius:var(--r-tam);background:var(--yuzey);border:1px solid var(--kenar);font-size:12px;font-weight:800;color:var(--yazi-soluk)}.mesaj{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:6px 8px;border-radius:var(--r-orta);animation:gel .26s cubic-bezier(.34,1.3,.64,1)}.mesaj:hover{background:var(--yuzey)}@keyframes gel{0%{opacity:0;transform:translateY(10px)}}.avatar{width:40px;height:40px;border-radius:var(--r-tam);display:grid;place-items:center;font-size:21px;background:var(--yuzey-2);border:1px solid var(--kenar);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.mesaj-govde{min-width:0}.mesaj-ust{display:flex;align-items:baseline;gap:8px}.mesaj-yazan{font-weight:800;font-size:15px}.mesaj-zaman{font-size:11px;color:var(--yazi-sessiz)}.mesaj-metin{font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--yazi)}.mesaj-yeni{box-shadow:inset 3px 0 0 var(--renk-4)}.yazma-alani{padding:12px 16px 18px;flex-shrink:0}.yazma-kutu{display:flex;align-items:flex-end;gap:10px;background:var(--yuzey);border:1.5px solid var(--kenar);border-radius:var(--r-buyuk);padding:10px 12px 10px 18px;transition:border-color var(--gecis)}.yazma-kutu:focus-within{border-color:var(--renk-ana)}.yazma-kutu textarea{flex:1;background:none;border:none;outline:none;resize:none;font-size:15px;line-height:1.5;max-height:130px;padding:6px 0}.gonder-dugme{width:44px;height:44px;flex-shrink:0;border-radius:var(--r-tam);background:linear-gradient(135deg,var(--renk-ana),var(--renk-2));font-size:19px;transition:transform var(--gecis),filter var(--gecis)}.gonder-dugme:hover:not(:disabled){transform:scale(1.08) rotate(-8deg)}.gonder-dugme:disabled{filter:grayscale(.7) brightness(.7)}.uye-cubuk{background:var(--yuzey);border-left:1px solid var(--kenar);display:flex;flex-direction:column;min-height:0}.uye-baslik{padding:18px 16px 12px;border-bottom:1px solid var(--kenar);font-family:var(--font-baslik);font-weight:800;font-size:15px;color:var(--yazi-soluk)}.uye-liste{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:4px}.uye{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-kucuk);transition:background var(--gecis)}.uye:hover{background:var(--yuzey-2)}.uye .avatar{width:34px;height:34px;font-size:18px}.uye-ad{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uye-etiket{font-size:10px;font-weight:800;color:var(--renk-uyari);background:#fbbf2426;padding:2px 6px;border-radius:var(--r-tam);margin-left:auto}.bos-durum{margin:auto;text-align:center;padding:40px 20px;color:var(--yazi-sessiz)}.bos-durum .emoji{font-size:56px;display:block;margin-bottom:12px;animation:salinim 3.2s ease-in-out infinite}.mobil-ac{display:none}.cekece{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none}.cekece.acik{display:block}.cekece-perde{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a051999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bel .2s ease}@keyframes bel{0%{opacity:0}}.cekece-icerik{position:absolute;top:0;bottom:0;left:0;width:300px;max-width:86vw;background:var(--yuzey);border-right:1px solid var(--kenar);box-shadow:var(--golge-2);display:flex;flex-direction:column;animation:kay .24s cubic-bezier(.34,1.3,.64,1)}.cekece-icerik.sag{left:auto;right:0;border-right:none;border-left:1px solid var(--kenar);width:260px}@keyframes kay{0%{transform:translate(-100%)}}.cekece-icerik.sag{animation:kaySag .24s cubic-bezier(.34,1.3,.64,1)}@keyframes kaySag{0%{transform:translate(100%)}}.cekece-baslik{padding:16px;border-bottom:1px solid var(--kenar);font-family:var(--font-baslik);font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px}.cekece-kapat{width:34px;height:34px;border-radius:var(--r-tam);background:var(--yuzey-2);font-size:16px}.bos-durum-cta{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}@media (max-width: 900px){.ana-duzen{grid-template-columns:1fr}.lonca-cubuk,.kanal-cubuk,.uye-cubuk{display:none}.mobil-ac{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-kucuk);background:var(--yuzey-2);font-size:17px}}