/* bilelim: sohbet ekranı — popüler yön (krem zemin, mor, sarı, kalın kenar + sert gölge) */
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sohbet-sayfa{min-height:100dvh;display:flex;flex-direction:column}
.sohbet{flex:1;display:flex;flex-direction:column;overflow-x:clip}
.sohbet-ic{flex:1;padding-top:1.5rem;padding-bottom:1rem;max-width:48rem}

/* dil seçici */
.dil-sec{display:flex;gap:.25rem;flex-wrap:wrap;background:var(--kapak);border:.125rem solid var(--ink);border-radius:999px;padding:.1875rem}
.dil-sec button{font:600 var(--t-13)/1 var(--ui);border:0;background:transparent;color:var(--ink2);padding:.4375rem .625rem;border-radius:999px;cursor:pointer;min-height:2rem}
.dil-sec button[aria-pressed="true"]{background:var(--koyu);color:#fff}
.dil-sec .beta{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-inline-start:.1875rem;color:var(--mercan)}
.dil-sec button[aria-pressed="true"] .beta{color:var(--sari)}
@media (max-width:30rem){.ust .w{gap:.5rem}.dil-sec button{padding:.375rem .4375rem}}

/* karşılama */
.karsilama{padding:1.5rem 0 1rem;position:relative}
.karsilama::before{content:"";position:absolute;inset-inline-end:-2rem;top:-1rem;width:9rem;height:9rem;border-radius:50%;background:var(--sari);opacity:.6;z-index:-1}
.karsilama h1{font-family:var(--baslik);font-weight:800;font-size:clamp(2.25rem,8vw,3.75rem);line-height:1;letter-spacing:-.02em;margin:0 0 .75rem;max-width:14ch}
[dir="rtl"] .karsilama h1,[dir="rtl"] .karsilama-alt{font-family:var(--arapca);letter-spacing:0;line-height:1.3}
.karsilama-alt{font-size:var(--t-20);color:var(--ink2);margin:0 0 1.5rem;max-width:34ch}
.konu-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:.75rem}
.konu{font:600 var(--t-15)/1.3 var(--ui);text-align:start;padding:1rem 1.125rem;border-radius:var(--kose);border:.125rem solid var(--ink);
  background:var(--kapak);color:var(--ink);cursor:pointer;box-shadow:var(--golge);transition:transform .12s ease}
.konu:hover{transform:translate(-.0625rem,-.0625rem)}
.konu:nth-child(3n+1){background:var(--lila)}
.konu:nth-child(3n+2){background:var(--nane)}
.konu:nth-child(3n){background:var(--safran-zemin)}

/* akış */
.akis{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}
.mesaj{max-width:min(40rem,92%);border-radius:var(--kose);padding:.875rem 1.125rem;line-height:1.6;overflow-wrap:anywhere}
.mesaj p{margin:0 0 .75rem}
.mesaj p:last-child{margin-bottom:0}
.mesaj-siz{align-self:flex-end;background:var(--koyu);color:#fff;border-end-end-radius:.25rem;font-weight:500}
.mesaj-bilelim{align-self:flex-start;background:var(--kapak);border:.125rem solid var(--ink);box-shadow:var(--golge);border-end-start-radius:.25rem}
.mesaj-bilelim a{color:var(--civit)}
.bekliyor p{color:var(--mut);animation:nabiz 1.4s ease-in-out infinite}
@keyframes nabiz{50%{opacity:.45}}
.kaynak-kutu{margin-top:.875rem;padding-top:.75rem;border-top:.125rem dashed var(--hair)}
.kaynak-baslik{font:700 var(--t-11)/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 .5rem!important}
.kaynak-kutu ul{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}
.kaynak-kutu li{display:inline-flex;align-items:center;gap:.25rem;background:var(--hair2);border-radius:999px;padding:.25rem .625rem;font-size:var(--t-13)}
.kaynak-kutu li a{color:var(--ink);text-decoration:none;font-weight:600}
.kaynak-kutu li a:hover{text-decoration:underline}
.resmi{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--nane);color:#145a3a;border-radius:999px;padding:.125rem .375rem}

/* erişim ve duvar */
.erisim-etkin{display:inline-block;margin:0 0 1rem;font:600 var(--t-13)/1 var(--ui);background:var(--nane);color:#145a3a;border:.125rem solid var(--ink);border-radius:999px;padding:.5rem .875rem}
.duvar{background:var(--safran-zemin);border:.125rem solid var(--ink);border-radius:var(--kose);box-shadow:var(--golge);padding:1.25rem 1.375rem;margin:1rem 0}
.duvar h2{font-family:var(--baslik);font-weight:800;font-size:var(--t-24);margin:0 0 .375rem}
[dir="rtl"] .duvar h2{font-family:var(--arapca)}
.duvar p{margin:0 0 1rem;color:var(--ink2)}
.duvar-dg{display:flex;gap:.625rem;flex-wrap:wrap}
.anahtar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}
.anahtar label{width:100%;font:600 var(--t-13)/1.2 var(--ui)}
.anahtar input{flex:1;min-width:12rem;font:inherit;padding:.625rem .875rem;border:.125rem solid var(--ink);border-radius:999px;background:var(--kapak);color:var(--ink)}
.anahtar-durum{width:100%;margin:0!important;font-size:var(--t-13);color:#9a2a12}
.not{margin:.5rem 0;font-size:var(--t-15);padding:.625rem .875rem;border-radius:.75rem;background:var(--lila);color:var(--ink)}
.not[data-tur="hata"]{background:#FFE1D6;color:#7a2410}
.taslak-not{font-size:var(--t-13);background:var(--hair2);border-radius:.75rem;padding:.5rem .75rem;margin:0 0 .75rem;color:var(--ink2)}
.araclar{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0 0}
.araclar .dg{min-height:2.25rem;padding:.375rem .875rem;font-size:var(--t-13)}

/* yazma alanı */
.yaz-kap{position:sticky;bottom:0;background:linear-gradient(to top,var(--zemin) 75%,transparent);padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom))}
.yaz{display:flex;gap:.5rem;align-items:flex-end;max-width:48rem;background:var(--kapak);border:.125rem solid var(--ink);border-radius:1.5rem;box-shadow:var(--golge);padding:.5rem .5rem .5rem 1rem}
[dir="rtl"] .yaz{padding:.5rem 1rem .5rem .5rem}
.yaz:focus-within{outline:.1875rem solid var(--civit);outline-offset:.1875rem}
.yaz textarea{flex:1;min-width:0;resize:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--t-17);line-height:1.45;padding:.5rem 0;max-height:13.75rem}
.yaz textarea:focus{outline:none}
.yaz-dg{flex:none;min-height:2.75rem}
.serh-alt{max-width:48rem;font-size:var(--t-11);color:var(--mut);margin:.5rem auto 0;text-align:center}