/* KOLScreener V2 - ANA SAYFA (sosyal akis). Onek: hm-. Jetonlar site.css'ten.
   Tam genislik, uc sutun; raylar yapiskan. Kutu/cerceve/golge/gradyan yok;
   kart yuzeyleri zeminin acigi (.025-.04), ayrac sac teli. */
.hm-wrap{width:100%;max-width:1760px;margin:0 auto;padding:0 clamp(16px,2vw,32px)}
.hm-lab{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-2);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.hm-lab.live{color:var(--mint)}
.hm-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);display:inline-block;position:relative}
.hm-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--mint);animation:hm-pulse 1.8s ease-out infinite}
@keyframes hm-pulse{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.hm-rk{font:400 11px/1 var(--num);color:var(--faint);letter-spacing:.02em;flex:none;width:20px}
.hm-rk.g{color:var(--gold)}
.hm-x{font:400 15px/1 var(--num);color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex:none}
.hm-x.g{color:var(--gold)}
.hm-pct{font:400 12px/1 var(--num);color:var(--mint);flex:none}
.hm-pct.dn{color:var(--muted)}
.hm-ch{display:inline-flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.hm-ch .cm{width:12px;height:12px}
.hm-av,img.hm-av{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);flex:none;display:inline-grid;place-items:center;
  font:600 10px/1 var(--body);color:var(--muted);letter-spacing:.04em;object-fit:cover}
.hm-tl,img.hm-tl{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);flex:none;display:inline-grid;place-items:center;
  font:600 12px/1 var(--body);color:var(--muted);object-fit:cover}
.hm-tl.sm,img.hm-tl.sm{width:20px;height:20px;font-size:9px;margin-right:6px;vertical-align:-5px}
.hm-kw{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hm-kw b{font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.hm-kw b a:hover{color:var(--mint)}
.hm-kw>span{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.hm-kw>span s{text-decoration:none}
.hm-kw>span a{color:var(--muted)}
.hm-kw>span a:hover{color:var(--mint)}
.hm-go{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12.5px;color:var(--mint)}
.hm-go:hover{opacity:.75}
.hm-empty{padding:12px 0;font-size:12.5px;color:var(--muted);margin:0}
.hm-note{margin:0 0 14px;font-size:12.5px;color:var(--muted);line-height:1.55;max-width:80ch}
.dim{color:var(--faint)}

/* ------------------------------------------------------------ marka bandi */
.hm-mast{position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
.hm-mast #eye{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.5;pointer-events:none;
  -webkit-mask-image:linear-gradient(100deg,transparent 0 58%,#000 76%,#000 94%,transparent 100%);
  mask-image:linear-gradient(100deg,transparent 0 58%,#000 76%,#000 94%,transparent 100%)}
.hm-mast-in{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px 48px;flex-wrap:wrap;
  padding-top:clamp(18px,2.2vw,30px);padding-bottom:clamp(16px,2vw,24px)}
.hm-brand{min-width:0;max-width:760px}
.hm-brand .hm-lab{margin-bottom:10px}
.hm-h1{font:400 clamp(22px,2.4vw,34px)/1.02 var(--disp);margin:0;letter-spacing:-.01em}
.hm-h1 em{font-style:normal;color:var(--mint)}
/* ANA SLOGAN DUZENI (12 Eyl 2026, Ayhan: "ana slogan buyuk olsun, cart olayi
   daha kucuk olsun"). Ana cumle iki satir, IKISI DE BEYAZ ve ayni puntoda;
   nane, altindaki kucuk satira gecti. Boyut iki CUMLEYI ayiriyor, iki satiri
   degil - okuma sirasi hala renkle veriliyor (GORSEL_DILI kural 3). */
.hm-slo em{display:block;color:inherit}
.hm-slotail{margin:9px 0 0;font:400 clamp(11px,1.05vw,15px)/1.3 var(--disp);
  color:var(--mint);letter-spacing:.01em}
.hm-sub{margin:10px 0 0;max-width:64ch;color:var(--muted);font-size:13px;line-height:1.5}
.hm-figs{display:flex;flex-wrap:wrap;gap:12px clamp(18px,2.4vw,36px);min-width:0;padding-bottom:4px}
.hm-fig{border-left:1px solid var(--hair);padding-left:clamp(10px,1vw,16px);min-width:0}
.hm-fig span{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;white-space:nowrap}
.hm-fig b{font:400 clamp(19px,1.7vw,26px)/1 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;display:block}
.hm-fig.g b{color:var(--gold)}

/* ------------------------------------------------------------ izgara */
.hm{padding-top:18px}
.hm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.hm-main{min-width:0}
.hm-rail{min-width:0;display:flex;flex-direction:column;gap:26px}
@media(min-width:1000px){
  .hm-grid{grid-template-columns:272px minmax(0,1fr);gap:32px}
  .hm-l{grid-column:1;grid-row:1}
  .hm-rail{position:sticky;top:calc(var(--bar) + 12px);max-height:calc(100vh - var(--bar) - 20px);overflow-y:auto;
    scrollbar-width:none;padding-bottom:20px;
}
  .hm-rail::-webkit-scrollbar{display:none}
  .hm-r{grid-column:1;grid-row:2}
  .hm-main{grid-column:2;grid-row:1/3}
}
@media(min-width:1320px){
  .hm-grid{grid-template-columns:288px minmax(0,1fr) 340px;gap:clamp(28px,2.4vw,44px)}
  .hm-r{grid-column:3;grid-row:1}
  .hm-main{grid-column:2;grid-row:1}
}
@media(min-width:1700px){.hm-grid{grid-template-columns:320px minmax(0,1fr) 380px}}

/* ------------------------------------------------------------ raylar */
.hm-rl{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.hm-rsub{font-size:11px;color:var(--faint);line-height:1.4}
.hm-rs{min-width:0}
.hm-card{background:rgba(255,255,255,.03);padding:18px 18px 16px}
.hm-ch2{display:block;font:400 clamp(17px,1.3vw,21px)/1.05 var(--disp);letter-spacing:-.005em}
.hm-ch2 em{font-style:normal;color:var(--mint)}
.hm-card p{margin:10px 0 14px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.hm-btn{display:inline-flex;align-items:center;gap:9px;font:600 13px/1 var(--body);color:var(--ink);background:var(--mint);padding:11px 14px;white-space:nowrap;transition:opacity .15s}
.hm-btn:hover{opacity:.85}
.hm-btn img{width:16px;height:16px;filter:none}
.hm-btn.v{color:var(--mint);background:rgba(52,224,138,.1)}
.hm-signin{border-top:2px solid var(--mint)}
.hm-sell2{margin-top:-14px}
.hm-krows,.hm-wrows,.hm-mrows,.hm-brows,.hm-trows{display:flex;flex-direction:column}
.hm-kr,.hm-wr,.hm-mr,.hm-tr{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--hair);min-width:0;color:var(--text)}
.hm-kr:last-child,.hm-wr:last-child,.hm-mr:last-child,.hm-tr:last-child{border-bottom:1px solid var(--hair)}
a.hm-wr:hover .hm-kw b,a.hm-mr:hover .hm-kw b,a.hm-tr:hover .hm-kw b{color:var(--mint)}
.hm-kra{flex:none;display:block}
.hm-hb{display:inline-block;width:38px;height:2px;background:rgba(255,255,255,.1);vertical-align:middle;flex:none}
.hm-hb i{display:block;height:100%;background:var(--mint)}
.hm-rate{font:400 13px/1 var(--num);color:var(--mint);font-variant-numeric:tabular-nums;flex:none}
.hm-fol{display:inline-flex;align-items:center;gap:4px;font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:7px 10px;background:var(--mint);flex:none}
.hm-fol i{font-style:normal;font-size:13px;line-height:1}
.hm-fol.on{color:var(--muted);background:rgba(255,255,255,.05)}
.hm-fol:hover{opacity:.8}
.hm-kr:not(:hover) .hm-fol:not(.on){display:none}
.hm-kr:hover .hm-rate{display:none}
.hm-clock{margin:2px 0 10px}
.hm-clock .cd{font-size:12.5px;color:var(--gold);letter-spacing:.02em}
.hm-wr .hm-x{margin-left:auto}
.hm-br{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--hair);min-width:0}
.hm-br:last-child{border-bottom:1px solid var(--hair)}
.hm-bx{font:400 26px/1 var(--num);color:var(--mint);letter-spacing:-.025em;font-variant-numeric:tabular-nums;flex:none;min-width:88px}
.hm-bx.g{color:var(--gold)}
a.hm-bx:hover{opacity:.8}
.hm-br .hm-kw b{display:flex;align-items:center;gap:6px;font-size:13.5px}
.hm-br .hm-kw b a:hover{color:var(--mint)}
.hm-slot{display:block;font:600 8px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.hm-tr .hm-pct{margin-left:auto}

/* ------------------------------------------------------------ orta: baslik */
.hm-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--hair);position:sticky;top:var(--bar);z-index:5;
  background:rgba(7,9,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 -14px;padding:0 14px}
.hm-tabs{display:flex;gap:4px}
.hm-tabs button{font:600 14px/1 var(--body);color:var(--faint);padding:14px 10px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;letter-spacing:-.005em;transition:color .15s}
.hm-tabs button i{font:400 11px/1 var(--num);font-style:normal;color:var(--faint);margin-left:6px;vertical-align:2px}
.hm-tabs button i:empty{display:none}
.hm-tabs button:hover{color:var(--muted)}
.hm-tabs button.on{color:var(--text);border-bottom-color:var(--mint)}
.hm-tabs button.on i{color:var(--mint)}
.hm-livetag{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.hm-livetag s{text-decoration:none;color:var(--faint)}
.hm-livetag [data-refreshed]{color:var(--faint);letter-spacing:.04em;text-transform:none;font-size:11.5px}
.hm-opts{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hm-opts button{font:400 12.5px/1 var(--body);color:var(--faint);padding:6px 0;letter-spacing:.02em;
  display:inline-flex;align-items:center;gap:5px}
.hm-opts button svg{width:12px;height:12px;opacity:.55}
.hm-opts button.on svg{opacity:1}
.hm-opts button:hover{color:var(--muted)}
.hm-opts button.on{color:var(--mint)}

/* ------------------------------------------------------------ orta: akis */
.hm-stream{min-width:0}
.hm-stream .po:first-child{border-top:0}
/* z-index basligin (5) USTUNDE; `top` degerini JS basligin GERCEK
   yuksekliginden yaziyor (v2_home.js pill()). Buradaki 48px yalniz
   JS calismazsa gecerli yedek. */
.hm-new{position:sticky;top:calc(var(--bar) + 48px);z-index:6;display:flex;justify-content:center;height:0;overflow:visible}
.hm-new button{font:600 12px/1 var(--body);color:var(--ink);background:var(--mint);padding:9px 14px;border-radius:0;transform:translateY(10px);
  animation:hm-drop .4s ease-out}
@keyframes hm-drop{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(10px)}}
.hm-follow{padding:36px 0 30px;border-bottom:1px solid var(--hair);text-align:left}
.hm-follow b{display:block;font:400 clamp(20px,2vw,28px)/1 var(--disp);margin-bottom:10px}
.hm-follow p{margin:0 0 14px;color:var(--muted);font-size:13.5px;max-width:56ch;line-height:1.55}
.hm-foot{padding:18px 0 0;font-size:12.5px;color:var(--faint);display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--hair)}
.hm-more{font:600 13px/1 var(--body);color:var(--mint);padding:10px 14px;background:rgba(52,224,138,.1)}
.hm-more:hover{opacity:.8}
.hm-more.busy{opacity:.5;pointer-events:none}

/* trending tablosu */
.hm-tw{min-width:0;overflow-x:auto}
.hm-t{width:100%;border-collapse:collapse}
.hm-t th{text-align:left;font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding:8px 12px 10px 0;border-bottom:1px solid var(--hair-2);white-space:nowrap;width:1%}
.hm-t td{padding:9px 12px 9px 0;border-bottom:1px solid var(--hair);white-space:nowrap;font-size:13.5px;vertical-align:middle;width:1%;height:56px}
.hm-t th:last-child,.hm-t td:last-child{padding-right:0}
.hm-t tbody tr:hover td{background:rgba(255,255,255,.022)}
.hm-t .hm-cc{width:100%;max-width:0}
.hm-cw{display:flex;align-items:center;gap:10px;min-width:0}
.hm-tok{font-weight:700}
a.hm-tok:hover{color:var(--mint)}
.hm-t .hm-mv,.hm-t .hm-mc{text-align:right;font-variant-numeric:tabular-nums}
.hm-t td.hm-mc{font-weight:600}
.hm-sp polyline{fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.hm-sp.up polyline{stroke:var(--mint)}
.hm-sp.dn polyline{stroke:rgba(232,239,235,.42)}
.hm-by small{display:block;font-size:10.5px;color:var(--faint);margin-top:4px}

@media(max-width:999px){
  .hm-r{order:3}.hm-l{order:2}.hm-main{order:1}
  .hm-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px 36px}
  .hm-signin{grid-column:1/-1}
}
@media(max-width:640px){
  .hm-head{gap:12px 16px;margin:0 -10px;padding:0 10px}
  .hm-tabs{gap:0;width:100%;justify-content:space-between}
  .hm-tabs button{padding:12px 6px 10px;font-size:13.5px}
  .hm-opts{margin-left:0;width:100%;gap:12px;padding-bottom:8px}
  .hm-livetag{order:3}
  .hm-mast-in{gap:16px 24px}
  .hm-mast #eye{opacity:.3}
  .hm-figs{gap:12px 16px}
  .hm-fig{flex:1 1 30%}
  .hm-fig span{white-space:normal}
  .hm-t td{white-space:normal}
}

/* ------------------------------------------------------------ vitrin / tam sayfa (11 Eyl) */
.hm-mast.compact .hm-mast-in{padding-top:14px;padding-bottom:12px;align-items:center}
.hm-mast.compact .hm-h1{font-size:clamp(16px,1.4vw,20px)}
.hm-mast.compact .hm-brand .hm-lab{margin-bottom:6px}
.hm-mast.compact .hm-fig b{font-size:clamp(17px,1.4vw,22px)}
.hm-mast.compact #eye{opacity:.3}
.hm-head.hm-ov{padding:12px 14px 10px;gap:18px}
.hm-head.hm-ov .hm-go{margin:0 0 0 auto}
.hm-sep{width:1px;height:14px;background:var(--hair-2);display:inline-block}
.hm-ol{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
a.hm-more{display:inline-flex;align-items:center;gap:6px}
.hm-foot a.hm-more:hover{opacity:.8}
@media(max-width:640px){.hm-sep{display:none}.hm-ol{width:100%;padding-top:4px}}

/* ------------------------------------------------------------ UYGULAMA MODU (/screener/) */
body:has(.hm-app) .v2s-nav{display:none}
.hm-app{padding-top:0}
.hm-app .hm-grid{padding-top:0}
@media(min-width:1320px){.hm-app .hm-grid{grid-template-columns:250px minmax(0,1fr) 360px}}
@media(min-width:1700px){.hm-app .hm-grid{grid-template-columns:270px minmax(0,1fr) 400px}}
.hm-app .hm-rail{padding-top:16px}
.hm-app .hm-main{padding-top:0}
.hm-app .hm-head{top:var(--bar);margin-top:0}
.hm-navmark{display:inline-block;padding:6px 0 10px}
.hm-navmark img{width:30px;height:30px;display:block}
.hm-nav{display:flex;flex-direction:column;gap:2px;margin:0 0 14px}
.hm-nav a{display:flex;align-items:center;gap:14px;padding:11px 12px 11px 10px;color:var(--text);font-size:17px;transition:background .15s;position:relative}
.hm-nav a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hm-nav a span{font-weight:500;letter-spacing:.01em}
.hm-nav a i{font:400 11px/1 var(--num);font-style:normal;color:var(--faint);margin-left:auto}
.hm-nav a i:empty{display:none}
.hm-nav a:hover{background:rgba(255,255,255,.05)}
.hm-nav a.on{font-weight:700}
.hm-nav a.on span{font-weight:700}
.hm-nav a.on svg{stroke:var(--mint);stroke-width:2}
.hm-nav a.on i{color:var(--mint)}
.hm-navcta{display:flex;align-items:center;justify-content:center;gap:10px;font:700 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--mint);padding:15px 16px;margin:4px 0 8px;transition:opacity .15s}
.hm-navcta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hm-navcta:hover{opacity:.85}
.hm-deck{position:relative;height:172px;margin:0 0 6px;overflow:hidden}
.hm-deck #eye{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.75}
.hm-deck b{position:absolute;left:0;bottom:24px;font:400 12px/1.25 var(--disp);letter-spacing:.02em;max-width:60%;color:var(--text)}
.hm-deck p{position:absolute;left:0;bottom:0;margin:0;font:400 11px/1.4 var(--body);color:var(--muted);max-width:88%}
.hm-deck b em{font-style:normal;color:var(--mint);display:block}
.hm-stream{position:relative}
/* YENILEME SERIDI KALKTI (14 Eyl 2026).
   Once sonsuz donen bir sus vardi, onu gercek bir gostergeye cevirdim
   (`[data-busy]`). Ayhan yine de istemedi: *"yenile dedigimde hala bu
   yesil sey cikiyor ve kasiyor."* Hakli - yenilendigini soyleyen IKI
   yuzey zaten var: telefonda asagi cekince donen halka, masaustunde
   "refreshed Xs ago" yazisi. Ucuncusu bilgi degil gurultu.
   `[data-busy]` isareti JS'te kaliyor; gosterge isteyen bir yuzey
   cikarsa ona baglanir. */

/* ASAGI CEKINCE YENILE (14 Eyl, Ayhan: "tipki x'de ki gibi asagi
   cekince yenilenmeli"). Gosterge akisin USTUNDE acilir; yukseklik
   parmaga baglidir, JS `--ptr` degiskenini yazar. */
.hm-ptr{position:relative;height:var(--ptr,0px);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  transition:height .18s ease-out}
.hm-ptr.hm-ptr-drag{transition:none}
.hm-ptr i{display:block;width:17px;height:17px;border-radius:50%;
  border:2px solid rgba(232,239,235,.25);border-top-color:var(--mint);
  transform:rotate(var(--ptrdeg,0deg));opacity:var(--ptro,0)}
.hm-ptr.hm-ptr-go i{animation:hm-spin .7s linear infinite;opacity:1}
@keyframes hm-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hm-ptr.hm-ptr-go i{animation:none}}
.hm-me{display:flex;flex-direction:column;gap:10px}
.hm-meh{display:flex;align-items:center;gap:12px;min-width:0}
.hm-mav,img.hm-mav{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font:600 13px/1 var(--body);color:var(--muted);object-fit:cover;flex:none}
.hm-mew{display:flex;flex-direction:column;gap:3px;min-width:0}
.hm-mew b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-mew span{font-size:12.5px;color:var(--faint)}
.hm-mef{font-size:12.5px;color:var(--muted)}
.hm-mes{align-self:flex-start;font:600 12px/1 var(--body);color:var(--faint);padding:6px 0}
.hm-mes:hover{color:var(--text)}
.hm-who .hm-kr .hm-fol{display:inline-block}
.hm-who .hm-kr:not(:hover) .hm-rate{display:none}
.hm-who .hm-kr:hover .hm-fol{display:inline-block}
@media(max-width:999px){.hm-navmark{display:none}.hm-nav{flex-direction:row;flex-wrap:wrap;gap:2px}.hm-nav a{padding:9px 10px;font-size:14px;gap:8px}.hm-nav a svg{width:20px;height:20px}.hm-nav a i{display:none}.hm-deck{display:none}.hm-navcta{margin-bottom:0}}

/* geri sayim: site.js "in" ile saati ayri ogelere koyar; aralik burada */
.hm-clock .cd .cdw{margin-right:.35em;color:var(--muted)}
.hm-clock .cd b{font-family:var(--num);font-weight:400;font-size:14px;color:var(--gold)}

/* ray cocuklari kucultulmez: kayan rayda yuksekligi olmayan goz blogu sifira dusuyordu (olculdu) */
.hm-rail>*{flex:none}

/* uygulama ici arama + KOL gorunumu */
.hm-q{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--faint)}
.hm-q svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.hm-q input{font:400 13px/1 var(--body);color:var(--text);background:none;border:0;border-bottom:1px solid var(--hair);padding:7px 2px;width:220px;border-radius:0;-webkit-appearance:none}
.hm-q input::placeholder{color:var(--faint)}
.hm-q input:focus{outline:0;border-bottom-color:var(--mint)}
.hm-q:focus-within{color:var(--mint)}
.hm-head .hm-opts{margin-left:0;width:100%}
.hm-kstrip{display:flex;flex-direction:column;gap:14px;padding:12px 14px 16px;border-bottom:1px solid var(--hair);margin:0 -14px;background:rgba(255,255,255,.02)}
.hm-ksback{align-self:flex-start;font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);padding:6px 0}
.hm-ksback:hover{opacity:.75}
.hm-kpid{display:flex;align-items:center;gap:16px;min-width:0}
.hm-ksav,img.hm-ksav{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;font:600 16px/1 var(--body);color:var(--muted);object-fit:cover;flex:none;outline:2px solid rgba(52,224,138,.35);outline-offset:3px}
.hm-kpw{display:flex;flex-direction:column;gap:6px;min-width:0}
.hm-kpw b{font:400 clamp(20px,2vw,26px)/1.05 var(--disp);display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.hm-kpw b .tick{width:18px;height:18px;flex:none}
.hm-kpw>span{font-size:13px;color:var(--faint);display:flex;align-items:center;gap:8px}
.hm-kpw>span s{text-decoration:none}
.hm-kpw>span a{color:var(--mint)}
.hm-kpfigs{display:flex;flex-wrap:wrap;gap:10px 28px}
.hm-kpf{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--hair);padding-left:12px}
.hm-kpf span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.hm-kpf b{font:400 20px/1 var(--num);letter-spacing:-.01em}
.hm-kpf.m b{color:var(--mint)}
.hm-kpf.g b{color:var(--gold)}
@media(max-width:640px){.hm-q input{width:100%}.hm-q{width:100%;margin-left:0}.hm-kstrip .hm-go{display:none}}

.hm-kpane{min-width:0}
.hm-khead{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--hair)}
.hm-kq{margin-left:0;flex:1}
.hm-kq input{width:100%}
.hm-kn{font-size:12px;color:var(--faint);white-space:nowrap}
.hm-ksw b .hm-fol{margin-left:4px}

/* KOL gorunumunde akis suzgecleri gizli (kendi aramasi var) */
.hm-inkol .hm-opts,.hm-inkol .hm-q:not(.hm-kq){display:none}   /* panelin kendi aramasi gizlenmesin (11 Eyl QA) */
.hm-inkol .hm-head{padding-bottom:0}

/* ana sayfa: Screener tanitimi - tam genislik bant (Ayhan: 'platform oldugunu belirt, one cikar') */
.hm-intro{border-bottom:1px solid var(--hair);background:rgba(52,224,138,.035)}
.hm-intro-in{display:flex;justify-content:space-between;align-items:center;gap:28px 48px;flex-wrap:wrap;padding-top:clamp(26px,3.4vw,46px);padding-bottom:clamp(26px,3.4vw,46px)}
.hm-intro-t{min-width:0;max-width:760px}
.hm-intro-t .hm-lab{margin-bottom:12px}
.hm-intro-h{font:400 clamp(28px,3.6vw,50px)/1.02 var(--disp);margin:0;letter-spacing:-.01em}
.hm-intro-h em{font-style:normal;color:var(--mint);display:block}
.hm-intro-t p{margin:14px 0 18px;font-size:15px;line-height:1.6;color:var(--muted);max-width:66ch}
.hm-intro-a{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hm-intro-btn{font-size:15px;padding:15px 22px}
.hm-intro-a .hm-go{margin:0}
.hm-intro-f{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:22px 34px}
.hm-intro-f div{display:flex;flex-direction:column;gap:7px;border-left:1px solid var(--hair-2);padding-left:16px;min-width:0}
.hm-intro-f b{font:400 clamp(26px,2.6vw,38px)/1 var(--num);letter-spacing:-.01em}
.hm-intro-f span{font-size:11.5px;color:var(--faint);max-width:16ch;line-height:1.4}
@media(max-width:640px){.hm-intro-f{width:100%;grid-template-columns:1fr 1fr;gap:16px}}

/* ana sayfa: raylar akar (yapiskan yalniz uygulamada), kapanis bandi */
.hm-rail{-webkit-mask-image:none;mask-image:none}
.hm-close{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--hair);padding-top:clamp(28px,3.6vw,48px)}
.hm-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hm-fact b{font:400 clamp(22px,2.4vw,30px)/1 var(--num);display:block;letter-spacing:-.01em;white-space:nowrap}
.hm-fact b i{font-style:normal;color:var(--mint)}
.hm-fact p{color:var(--muted);font-size:13px;margin:10px 0 0;line-height:1.55;max-width:36ch}
.hm-band{margin-top:clamp(32px,4vw,56px);border-top:1px solid var(--hair);padding-top:clamp(26px,3.4vw,42px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap}
.hm-bh{font:400 clamp(28px,4vw,52px)/1 var(--disp);margin:0;letter-spacing:-.01em}
.hm-bh em{font-style:normal;color:var(--mint);display:block}
.hm-band p{margin:12px 0 0;max-width:60ch;color:var(--muted);font-size:14px;line-height:1.55}
.hm-bgo{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:6px}
@media(max-width:700px){.hm-facts{grid-template-columns:1fr;gap:20px}}

/* manset panelleri (donen) */
.hm-mast .panels{position:relative;min-height:0}
.hm-panel{display:none}
.hm-panel.on{display:block;animation:hm-cine .7s cubic-bezier(.2,.8,.2,1) both}
.hm-panel.on>*{animation:hm-rise .6s cubic-bezier(.2,.8,.2,1) both}
.hm-panel.on>*:nth-child(2){animation-delay:.06s}
.hm-panel.on>*:nth-child(3){animation-delay:.12s}
.hm-panel.on>*:nth-child(4){animation-delay:.18s}
.hm-panel.on>*:nth-child(5){animation-delay:.24s}
@keyframes hm-cine{from{opacity:0;transform:translateX(26px) scale(.985);filter:blur(8px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes hm-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hm-panel.on,.hm-panel.on>*{animation:none}}
/* iki eylem yan yana: nane dolu birincil + cizgili ikincil (12 Eyl) */
.hm-pgo{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hm-dots{margin-top:18px}
.hm-mast.compact .hm-pgo,.hm-mast.compact .hm-sub{display:none}
.hm-mast .hm-h1{font-size:clamp(26px,3vw,44px)}
.hm-mast-in{align-items:center}

/* manset: eski .mast kurali (72vh) bulasmasin; ana sayfa alt bolum */
.hm-mast.mast{min-height:0;padding:0}
.hm-mast.mast .hm-mast-in{padding-top:clamp(22px,2.6vw,36px);padding-bottom:clamp(20px,2.4vw,30px)}
.hm-below{margin-top:clamp(28px,3.4vw,48px);border-top:1px solid var(--hair);padding-top:clamp(22px,2.8vw,36px)}
.hm-below-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:18px}
.hm-wh2{font-size:clamp(22px,2.4vw,32px);margin:8px 0 0}
.hm-below .v2w-podium{margin-top:14px}
.hm-bl{padding-top:6px}
.hm-bb{margin-top:clamp(28px,3.4vw,44px);padding-top:22px;border-top:1px solid var(--hair)}
.hm-bb .hm-brows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.hm-bb .hm-br:nth-child(-n+3){border-top:1px solid var(--hair)}
@media(max-width:900px){.hm-below-in{grid-template-columns:1fr}.hm-bb .hm-brows{grid-template-columns:1fr}.hm-bb .hm-br:nth-child(-n+3){border-top:0}.hm-bb .hm-br:first-child{border-top:1px solid var(--hair)}}

.hm-wintro{max-width:820px;margin-bottom:8px}
.hm-wintro .hm-intro-h{font-size:clamp(26px,3.2vw,44px)}
.hm-wintro p{margin:12px 0 16px}

/* screener ayri platform: ust bardaki site aramasi gizli, akisin kendi aramasi var */
body:has(.hm-app) .v2s-q{display:none}

/* KOL Wars bolumu: tek kompozisyon */
.hm-wgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.hm-wintro{max-width:none;margin:0}
.hm-wintro .hm-intro-h{font-size:clamp(28px,3.4vw,48px)}
.hm-wintro p{max-width:56ch}
.hm-bl{padding-top:4px}
.hm-bl .v2w-lhead{margin-bottom:6px}
.hm-wlast{margin-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--hair);padding-top:clamp(22px,2.8vw,32px)}
.hm-wlh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.hm-wlh .hm-go{margin:0 0 6px}
.hm-wh2{font:400 clamp(22px,2.4vw,32px)/1.05 var(--disp);margin:8px 0 0;letter-spacing:-.01em}
.hm-wlast .v2w-podium{margin-top:10px}
.hm-bb .hm-brows{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.hm-wgrid{grid-template-columns:1fr}}

/* arama isabetleri (KOL + coin dizini) */
.hm-hits{display:flex;flex-direction:column;gap:12px;padding:12px 0 14px;border-bottom:1px solid var(--hair)}
.hm-hitg{display:flex;flex-direction:column;gap:8px}
.hm-hitl{display:flex;flex-wrap:wrap;gap:8px}
.hm-hit{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;background:rgba(255,255,255,.035);border:1px solid var(--hair);color:var(--text);text-decoration:none;min-width:0;max-width:100%}
.hm-hit:hover{border-color:var(--mint);background:rgba(52,224,138,.06)}
.hm-hit .av{width:28px;height:28px;font-size:11px;flex:none}
.hm-hit b{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.hm-hit small{font:400 11px/1 var(--num);color:var(--faint);white-space:nowrap}

/* mobil: akis basligi yapiskan degil (ekranin yarisini yiyordu), raylar akisin altina */
@media(max-width:640px){
  .hm-head{position:static}
  .hm-new{top:calc(var(--bar) + 6px)}
  .hm-hit b{max-width:140px}
}

/* ---- akis basligi: satir 1 sekmeler + canli + arama, satir 2 suzgecler (11 Eyl) */
.hm-app .hm-head{gap:0 18px;row-gap:0}
.hm-app .hm-head .hm-q{margin-left:auto}
.hm-app .hm-head .hm-opts{width:100%;margin:0;gap:10px;padding:8px 0 10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hm-app .hm-head .hm-opts::-webkit-scrollbar{display:none}
.hm-app .hm-head .hm-opts button{white-space:nowrap;padding:5px 2px}
/* 12 Eyl: grup etiketleri (CHAIN/CARD/SORT) artik gizlenmiyor - etiketsiz
   cubuk "cip corbasi" gibi okunuyordu (Ayhan). Cubuk yatay kaydigi icin yer var. */
.hm-app .hm-head .hm-ol{align-self:center}
@media(max-width:999px){
  .hm-app .hm-head .hm-tabs{width:auto;flex:1 1 0;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:0}
  .hm-app .hm-head .hm-tabs::-webkit-scrollbar{display:none}
  .hm-app .hm-head .hm-tabs button{white-space:nowrap;padding:13px 9px 11px;font-size:13.5px}
  .hm-app .hm-head .hm-livetag{order:0;margin-left:auto;padding-right:2px}
  .hm-app .hm-head .hm-livetag [data-refreshed]{display:none}
  .hm-app .hm-head .hm-q{width:100%;margin:6px 0 0}
  .hm-app .hm-head .hm-q input{width:100%}
  .hm-app .hm-head .hm-sep{display:inline-block}
  /* uygulama menusu: ekranin altina sabit (DexScreener/X mobil mantigi) */
  .hm-app .hm-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;flex-wrap:nowrap;justify-content:space-around;gap:0;margin:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(7,9,10,.96);border-top:1px solid var(--hair-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .hm-app .hm-nav a{flex:1 1 0;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;font-size:10px;letter-spacing:.02em;min-width:0}
  .hm-app .hm-nav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}
  .hm-app .hm-nav a svg{width:22px;height:22px}
  .hm-app .hm-nav a.on{background:none}
  .hm-app .hm-nav a.on span{color:var(--mint)}
  .hm-app .hm-nav a[data-focus="scr-q"]{display:none}
  body:has(.hm-app){padding-bottom:64px}
}

/* screener KOL profili basligi (zengin) */
.hm-kpw>span{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:12.5px;color:var(--faint)}
.hm-kpw>span s{text-decoration:none;color:var(--hair-2)}
.hm-kfol{color:var(--mint);font-weight:700}
.hm-kpl{margin-top:4px}
.hm-kpl a{color:var(--mint);font-weight:600;margin-right:12px}
.hm-kpf.h b{display:flex;align-items:center;gap:8px}
.hm-khr{display:inline-block;width:64px;height:4px;background:rgba(255,255,255,.08);overflow:hidden;vertical-align:middle}
.hm-khr i{display:block;height:100%;background:var(--mint)}
.hm-ksav{box-shadow:0 0 0 2px var(--bg,#07090a),0 0 0 3px var(--mint)}

/* akis basligi: grafik modu anahtari (mobilde gonderi ici anahtar yerine) */
.hm-cmode{display:inline-flex;gap:2px}
.hm-cmode button{display:inline-grid;place-items:center;width:24px;height:22px;color:var(--faint);padding:0}
.hm-cmode svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hm-app .hm-head .hm-opts{gap:8px}
.hm-app .hm-head .hm-opts button{padding:5px 1px}
html[data-chart="ladder"] .hm-cmode [data-cmode="ladder"],html[data-chart="candles"] .hm-cmode [data-cmode="candles"]{color:var(--mint)}
@media(max-width:640px){.hm-app .hm-head .hm-cmode{margin-left:2px}}

/* en buyuk kartlar satiri: flex icinde kirpma (11 Eyl QA: mobilde saga tasiyordu) */
.hm-br .hm-kw b{min-width:0}
.hm-br .hm-kw b>a,.hm-br .hm-kw b>span:not(.hm-ch),.hm-br .hm-kw b>em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-br .hm-kw b .hm-ch,.hm-br .hm-kw b .hm-tl{flex:none}
.hm-br .hm-kw>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){
  .hm-bx{min-width:56px;font-size:22px}
  .hm-br{gap:10px}
  .hm-br .hm-kw b .hm-ch{font-size:9px}
}

/* 374. satirdaki 3 sutun kurali mobil override'in USTUNE biniyordu (11 Eyl QA):
   dar ekranda en buyuk kartlar tek sutun. Ve sinematik manset kaymasi yatay
   kaydirma dogurmasin. */
@media(max-width:900px){.hm-bb .hm-brows{grid-template-columns:1fr}}
.hm-mast .panels{overflow:hidden}

.hm-knote{margin:10px 0 0;font-size:12px;color:var(--faint)}
.hm-knote a{color:var(--mint);font-weight:600}

/* ---- mobil akis basligi v2 (12 Eyl): sekmeler tek satir tam genislik (dordu de sigar),
   arama ile CANLI rozeti ayni satirda, suzgecler altta. Sekme adi kesilmiyor. */
@media(max-width:640px){
  .hm-app .hm-head{flex-wrap:wrap;align-items:center}
  .hm-app .hm-head .hm-tabs{order:1;flex:0 0 100%;width:100%;gap:0;overflow:visible}
  .hm-app .hm-head .hm-tabs button{flex:1 1 0;min-width:0;padding:12px 4px 10px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hm-app .hm-head .hm-tabs button i{margin-left:4px}
  .hm-app .hm-head .hm-q{order:2;flex:1 1 auto;width:auto;margin:2px 0 0}
  .hm-app .hm-head .hm-livetag{order:3;margin:2px 0 0 auto;flex:none;padding-left:8px}
  .hm-app .hm-head .hm-opts{order:4;width:100%}
}

/* ---- MOBIL WEB DE MINI APP GIBI (14 Eyl 2026) =========================
   Ayhan, mobil siteden ekran goruntusuyle: *"mobil websitede de bu sekilde
   sacmaliyor, mini-app yaptigin ayarlari buna da uygulaman lazim sanki."*

   Ustteki yorum "dordu de sigar, sekme adi kesilmiyor" diyordu ve 12
   Eyl'de dogruydu; sayaclar eklendikten sonra degil. Olculdu: dort sekme
   `flex:1 1 0` ile esit boluniyor ve "Live calls 312 · Following 56 ·
   Alerts · Trending 11" 390 px'e sigmiyor, `text-overflow:ellipsis`
   adin ustune biniyor - ekranda "Live calls 3…" yaziyordu.

   Cozum mini app'te (12-14 Eyl) zaten verilmisti ve gerekcesi burada
   AYNEN gecerli: "Live" ile "Following" ayni akisin iki hali, ustte
   dururlar; "Alerts" ile "Trending" ayri YERLER ve mobil webde de alt
   bar (trending) ile hesap sayfasi (alerts) onlari zaten tasiyor -
   bkz. shell.botnav ve v2s-sheet'teki `data-notifs`. Ayni gezinme iki
   yerde durmasin.

   Sayac rakamlari da duser: iki sekmenin altina rakam koymak seceni
   degil sayiyi okutur (v2_tg.css'teki ayni karar, 14 Eyl).

   Mini app tarafi `html.tg.tg-tabs` ile ayni sonuca ayri bir yoldan
   variyor; iki kural birbirini bozmuyor, ayni sekmeleri gizliyorlar. */
@media(max-width:640px){
  .hm-app .hm-head .hm-tabs [data-tab="notifs"],
  .hm-app .hm-head .hm-tabs [data-tab="trending"]{display:none}
  .hm-app .hm-head .hm-tabs button i{display:none}
  .hm-app .hm-head .hm-tabs button{font-size:14px;padding:13px 6px 11px;
    overflow:visible;text-overflow:clip}
}

.hm-ts2{display:none}
@media(max-width:640px){.hm-tl2{display:none}.hm-ts2{display:inline}}

@media(max-width:640px){.hm-app .hm-head .hm-livetag s{display:none}}

/* manset rakamlari: mobilde duzgun izgara (3+2 dagilmis duruyordu) */
@media(max-width:640px){
  .hm-mast .hm-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .hm-mast .hm-fig{flex:none;min-width:0}
  .hm-mast .hm-fig span{font-size:9px;letter-spacing:.12em;line-height:1.3}
  .hm-mast .hm-fig b{font-size:clamp(18px,5.5vw,24px)}
}

/* ================= SCREENER = AYRI PLATFORM (12 Eyl, Ayhan: "platform gibi
   hissettirmiyor"). Telefonda ekranin sahibi uygulamadir: kendi cubugu ustte
   (marka + SCREENER + canli durum), pazarlama kabugu (site ust bari, bantlar,
   altbilgi) ekrandan cikar. Masaustunde duzen aynen kalir. */
.hm-appbar{display:none}
@media(max-width:720px){
  body:has(.hm-app) .v2s-top,body:has(.hm-app) .tape,body:has(.hm-app) .v2s-foot{display:none}
  .hm-appbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:40;
    /* 12 Eyl: bar zaten .hm-wrap DISINDA, negatif kenar bosluğu onu ekranin
       14 px disina tasiyordu (sag kenar 404) ve CTA kenara yapisiyordu. */
    padding:10px 16px 9px;margin:0;background:rgba(7,9,10,.94);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
  .hm-abrand{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;min-width:0}
  .hm-abrand img,.hm-abrand svg{width:20px;height:20px;flex:none}
  .hm-abrand b{font:700 13px/1 var(--disp);letter-spacing:.24em}
  .hm-abstate{display:inline-flex;align-items:center;gap:6px;font:600 9px/1 var(--body);
    letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
  .hm-abstate em{font-style:normal;color:var(--faint);letter-spacing:.02em;text-transform:none;font-size:10px}
  /* 12 Eyl: dar ust bar tasiyordu (390'da 404 px). Durum rozeti zaten sekme
     satirinda var, CTA da dolu hap yerine nane metin (marka: yuvarlak kose ve
     kutu yok; yuvarlaklik sadece avatar ve coin logosunda). */
  @media(max-width:560px){.hm-abstate{display:none}}
  .hm-abcta{margin-left:auto;font:700 9.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;
    color:var(--mint);background:none;padding:8px 0;white-space:nowrap}
  .hm-app .hm-head{top:41px}
  .hm-app{padding-top:0}
}

/* liste ve tablo rakamlari veri yuzunde; manset rakamlari (hm-figs b) Archivo Black kalir */
.hm-t td,.hm-kw b,.hm-mc,.hm-pct,.hm-rate,.hm-kpf b,.hm-bx{font-variant-numeric:tabular-nums}
.hm-t td .num,.hm-mc,.hm-kpf b{font-family:var(--data)}

/* tanitimda sahiplik notu (12 Eyl): kim sahiptir, nasil belli olur */
.hm-own{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:62ch;
  padding-left:14px;border-left:2px solid rgba(52,224,138,.35)}
.hm-own a{color:var(--mint);font-weight:600;white-space:nowrap}
@media(max-width:640px){.hm-own{font-size:12.5px;padding-left:11px}}

/* ---- MANSETTE TELEGRAM GIRISI (12 Eyl, Ayhan: "sign in with telegram gibi
   bisey belirtmeli ... suraya da infosunu verelim"). Birincil eylem nane dolu
   dugme (Open the screener) kalir; bu ONUN YANINDA, cizgili ikincil eylem -
   ayni satirda iki dolu dugme iki "en onemli" demek olurdu. Giris yapildiginda
   ikisi de duser (data-signedout). */
.hm-tgin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:var(--text);border:1px solid var(--hair-2);padding:10px 14px;
  font:600 12.5px/1 var(--body);white-space:nowrap;
  transition:border-color .16s,color .16s,background .16s}
.hm-tgin svg{flex:none;opacity:.9}
.hm-tgin:hover{border-color:var(--mint);color:var(--mint);background:rgba(52,224,138,.07)}
.hm-pnote{margin:10px 0 0;max-width:52ch;font:400 12.5px/1.55 var(--body);color:var(--faint)}
@media(max-width:720px){
  .hm-pgo{flex-wrap:wrap;gap:8px}
  .hm-tgin{padding:9px 12px;font-size:12px}
  .hm-pnote{font-size:12px;max-width:100%}
}

/* Ust bardaki giris dugmesi: artik NASIL girildigini soyluyor + Telegram glifi */
.v2s-login{display:inline-flex;align-items:center;gap:7px}
.v2s-login svg{flex:none}
@media(max-width:900px){
  /* dar ust barda cumle yer yemesin - glif kalir, yazi kisalir */
  .v2s-login span{display:none}
  .v2s-login{padding:9px 11px}
}

/* BILDIRIMLER (13 Eyl 2026) - screener'da Cards sekmesinin yerini aldi.
   Ayhan: "kullanici bot uzerinden bildirim falan almiycak, direkt x mantigi
   gibi bildirim bolumu olsun". Satir; kutu degil. Okunmamis olan nane bir
   nokta tasiyor - tek isaret o. */
.hm-nt{display:flex;flex-direction:column}
.hm-ntr{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:14px 2px;border-bottom:1px solid var(--hair);text-decoration:none;color:var(--text);
  font-size:15px;line-height:1.5}
.hm-ntr:hover{background:rgba(255,255,255,.02)}
.hm-ntr b{font-weight:700}
.hm-ntr i{font-style:normal;color:var(--mint);font-weight:700}
.hm-ntr time{flex:none;font-size:13px;color:var(--muted)}
.hm-ntr[data-new]{position:relative;padding-left:18px}
.hm-ntr[data-new]::before{content:"";position:absolute;left:2px;top:20px;width:7px;height:7px;
  border-radius:50%;background:var(--mint)}

/* ---- KIM TAKIP EDIYOR / KIMI TAKIP EDIYOR (14 Eyl 2026) -----------------
   Ayhan: "profillerde kim takip ediyor ya da kimi takip ediyor goremiyoruz
   buyuk eksiklik var, screener bir platform biliyorsun ki." Sayi vardi,
   arkasindaki isimler hicbir yuzeyde yoktu. Satir bicimi .hm-hit ile ayni
   aileden: avatar + ad + @handle. */
.hm-kfol,[data-me-fol]{cursor:pointer}
.hm-kfol:hover,[data-me-fol]:hover{color:var(--mint)}
.hm-sheet{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.62);display:flex;
  align-items:flex-end;justify-content:center}
.hm-sheet-in{background:#0C0F11;border:1px solid var(--hair-2);width:100%;max-width:460px;
  max-height:76vh;display:flex;flex-direction:column}
.hm-sheet-h{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid var(--hair)}
.hm-sheet-h b{font:600 14px/1 var(--body);color:var(--text)}
.hm-sheet-x{background:none;border:0;color:var(--faint);font-size:20px;line-height:1;
  padding:4px 6px;cursor:pointer}
.hm-sheet-x:hover{color:var(--text)}
.hm-sheet-l{overflow-y:auto;padding:6px 0 10px;-webkit-overflow-scrolling:touch}
.hm-prow{display:flex;align-items:center;gap:11px;padding:9px 16px;color:var(--text);
  text-decoration:none}
.hm-prow:hover{background:rgba(255,255,255,.04)}
.hm-prow .av{width:34px;height:34px;font-size:12px;flex:none;border-radius:50%}
.hm-prow img.av{object-fit:cover}
.hm-prow span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hm-prow b{font:600 13.5px/1.2 var(--body);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.hm-prow small{font:400 11.5px/1 var(--num);color:var(--faint)}
.hm-sheet-none{padding:22px 16px;color:var(--faint);font-size:13px;text-align:center}
@media(min-width:641px){.hm-sheet{align-items:center}}

/* Arama kutusunun temizleyicisi (14 Eyl 2026). `type="search"`in yerel X'i
   tasarimda gizli ve dokunmatikte hedefi kucuk; suzgeci birakmanin gorunur
   bir yolu olmayinca kullanici filtrelenmis ekranda kaliyordu. */
.hm-q{position:relative}
.hm-qx{position:absolute;right:2px;top:50%;transform:translateY(-50%);
  background:none;border:0;color:var(--faint);font:400 19px/1 var(--body);
  padding:6px 8px;cursor:pointer;line-height:1}
.hm-qx:hover{color:var(--text)}
.hm-q input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

/* Takipci sayaci artik <button> (14 Eyl): gorunusu <b> ile ayni kalir,
   klavyeyle odaklanir. */
button.hm-kfol{background:none;border:0;padding:0;font:inherit;color:inherit;
  font-weight:700;cursor:pointer}
button.hm-kfol:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

/* ==== KOL PROFIL BASLIGI - DORT SATIR, DORT IS (14 Eyl 2026) ============
   Ayhan: *"kol profilleri screener bir platform oldugu icin su sekilde
   olmali... bize has bir tasarim yap benzer mantikta"* (referans: X'in
   profil basligi).

   Eski hâlde @handle, listeleme tarihi, uye sayisi ve takipci sayisi TEK
   esnek satirdaydi; satir sarinca rakam bir yerde, etiketi baska yerde
   kaliyordu. Yeni duzen X'in okuma sirasini alir:

     1  kimlik      ad + mavi tik            (en buyuk, ekran fontu)
     2  adres       @handle                  (solgun, kendi satiri)
     3  kanal       Listed ... · N members   (solgun, nokta ayrac)
     4  SAYILAR     3 Followers · baglantilar

   Bizim farkimiz: 4. satirdaki rakam NANE ve TIKLANABILIR - takipcilerin
   kim oldugunu aciyor. X'te sayi bir bilgi, bizde bir kapi. Rakam ile
   etiketi ayni dugme sarar, bir daha asla ayri satira dusmezler. */
.hm-kpid{align-items:flex-start;gap:16px}
.hm-kpid > .hm-fol{margin-left:auto;flex:none}
.hm-kpw{flex:1 1 auto;gap:3px}
.hm-kpw b{font:400 clamp(20px,2vw,26px)/1.1 var(--disp);gap:10px}
.hm-kpw .hm-kpu{font:400 13.5px/1.2 var(--body);color:var(--faint);display:block}
.hm-kpw .hm-kpm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;
  font:400 12.5px/1.35 var(--body);color:var(--faint);margin-top:5px}
.hm-kpw .hm-kpm s{text-decoration:none;color:var(--hair-2)}
.hm-kpw .hm-kpc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;
  margin-top:9px;font:400 12.5px/1 var(--body)}
.hm-kpw .hm-kpc a{color:var(--mint);font-weight:600}
/* Rakam + etiket TEK parca: dugme ikisini birden sarar. */
.hm-kpw .hm-kpc button.hm-kfol{display:inline-flex;align-items:baseline;gap:5px;
  background:none;border:0;padding:0;cursor:pointer}
.hm-kpw .hm-kpc button.hm-kfol b{font:700 13.5px/1 var(--num);color:var(--text);
  display:inline}
.hm-kpw .hm-kpc button.hm-kfol i{font-style:normal;color:var(--faint)}
.hm-kpw .hm-kpc button.hm-kfol:hover b{color:var(--mint)}
.hm-kpw .hm-kpc button.hm-kfol:hover i{color:var(--muted)}
.hm-kpw .hm-kpc button.hm-kfol:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
/* Sayi satiri ile olcu seridi arasina sac teli: X'teki bolum ayrimi. */
.hm-kpfigs{border-top:1px solid var(--hair);padding-top:14px;margin-top:14px}
@media(max-width:640px){
  .hm-kpid{gap:13px}
  .hm-kpw b{font-size:21px}
  .hm-kpw .hm-kpm{margin-top:4px}
  .hm-kpw .hm-kpc{margin-top:8px;gap:5px 14px}
  .hm-kpfigs{padding-top:12px;margin-top:12px}
}

/* UZUN AD DUGMENIN ALTINA GIRMEZ (14 Eyl 2026, Ayhan: "follow olayi
   yazinin onune geciyor berbat duruyor").

   `.hm-kpw b` bir flex kutusu; icindeki ad ANONIM bir flex ogesi olur ve
   varsayilan olarak min-content genisliginin ALTINA inmez. "TRENCHAMENTAL"
   gibi tek parca uzun bir kelimede min-content cok genis kaliyor, oge
   sikismiyor ve kutusundan TASIYOR - tasan yazi da sagdaki takip
   dugmesinin altindan gecip uzerine biniyordu.
   Iki sart birlikte gerekiyor: kutu sikisabilsin (min-width:0) ve kelime
   gerekirse kirilabilsin (overflow-wrap). */
.hm-kpw{min-width:0}
/* `anywhere` DEGIL `break-word`: `anywhere` min-content olcusunu tek
   harfe indiriyor ve kutu daralinca ad KELIME ORTASINDAN kiriliyordu
   ("TRENCHAMENTA / L GEMS"). `break-word` once bosluktan kirar, ancak
   tek kelime hic sigmiyorsa iceriden boler. */
.hm-kpw b{min-width:0;overflow-wrap:break-word}
.hm-kpid > .hm-fol{align-self:flex-start;margin-top:3px}

/* TELEFONDA USTTE ARAMA YOK - ALT BARDA ZATEN VAR (14 Eyl 2026).
   Ayhan: *"search kol or coin olayi zaten alt barda var, ustte bir daha
   niye var ki"*. Hakli: ustteki kutu iki is yapiyordu - akisi KOL adina
   gore suzmek ve dizinden isabet gostermek. Ikincisi alt bardaki
   aramayla BIREBIR ayni is. Ayni ekranda ayni ise iki kapi, kullaniciya
   secim degil tereddut veriyor.
   Masaustunde alt bar YOK, orada kutu kaliyor. Yuzeyin ihtiyaci neyse o. */
@media(max-width:720px){
  .hm-q{display:none}
}

/* ==== YENI GONDERI PILI - BASTAN (14 Eyl 2026) =========================
   Ayhan: *"su ana sayfada asagi indigimizde ustte gelen bildirim 1 new
   call hem cok amator hemde cok bozuk duruyor."*

   BOZUKLUGUN SEBEBI `sticky` IDI. Pil `position:sticky` + elle yazilmis
   bir `top` ofsetiyle duruyordu; o ofset baslik yuksekligine, baslik da
   yuzeye gore degisiyor (masaustunde yapisik, telefonda statik, mini
   app'te hic yok). Yani konum her yuzeyde baska bir sey tahmin ediyordu
   ve tutmadigi yerde gonderinin ustune biniyordu. `fixed` tahmin
   gerektirmez: ekranin kendisine gore durur, ustundeki cubugun
   yuksekligi de olculerek yazilir - varsayim yok.

   AMATORLUGUN SEBEBI KESKIN KUTUYDU. Nane bir dikdortgen, 12 px yazi,
   golgesiz. Bu bir bildirim degil bir etiket gibi duruyordu. Simdi
   yuzen bir hap: yuvarlak, golgeli, oku ve sayisi olan, dokununca
   yukari goturen. Arkasindaki akisa tiklamayi engellememesi icin kabuk
   `pointer-events:none`, yalnizca hap tiklanabilir. */
.hm-new{position:fixed;left:0;right:0;top:64px;z-index:60;display:flex;
  justify-content:center;height:auto;overflow:visible;pointer-events:none}
.hm-new button{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;
  font:700 12.5px/1 var(--body);letter-spacing:.01em;color:var(--ink);
  background:var(--mint);padding:11px 17px;border-radius:999px;transform:none;
  box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 4px rgba(7,9,10,.55);
  animation:hm-pop .26s cubic-bezier(.2,.9,.3,1.15)}
.hm-new button:active{transform:scale(.96)}
@keyframes hm-pop{0%{opacity:0;transform:translateY(-10px) scale(.94)}
                  100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hm-new button{animation:none}}

/* Pilin ici: sayi once ve kalin, etiket buyuk harf ve aralikli, ok en
   sonda. Goz sayiya gider, kelime onu acar (14 Eyl). */
/* Pilin ici: ok, KIMIN geldigi (yuzler), sayi, etiket. X'in pilinde de
   gonderenlerin avatarlari var; bizde o yuzler cagiran KOL'lardir (14
   Eyl). Yuzler nane zemine oturdugu icin koyu bir halka aliyor. */
.hm-new button b{font:800 15px/1 var(--num);letter-spacing:0}
.hm-new button .hm-np-w{font:700 11px/1 var(--body);letter-spacing:.13em;
  text-transform:uppercase;opacity:.82}
.hm-new button .hm-np-up{font-style:normal;font-size:14px;line-height:1;opacity:.85;margin-right:1px}
.hm-new button .hm-np-av{display:inline-flex;align-items:center}
.hm-new button .hm-np-av img,.hm-new button .hm-np-av span{width:22px;height:22px;
  border-radius:50%;object-fit:cover;display:grid;place-items:center;
  box-shadow:0 0 0 2px var(--mint);background:var(--ink);color:var(--text);
  font:700 9px/1 var(--body);margin-left:-7px}
.hm-new button .hm-np-av :first-child{margin-left:0}

/* Sonsuz akisin gozcusu: gorunmez, yer kaplamaz, yalnizca kesisimi
   olculur (14 Eyl). Gizliyken hic cizilmez. */
.hm-sentinel{height:1px;margin:0;padding:0}
.hm-sentinel[hidden]{display:none}

/* ==== MINI APP'TE AKIS ALTINDA SAYFA YOK (14 Eyl 2026) =================
   Ayhan: *"ya screener ana sayfa alti niye boyle devam ediyor... bu
   yaptigimiz mini-app tamamen screener uzerine kurulu, x benzeri bir
   platform."*

   Masaustunde raylar akisin YANINDA duruyor - orada dogru. 1000 px'in
   altinda ayni raylar akisin ALTINA diziliyordu: KOL Wars tahtasi, Top
   KOLs listesi, hesap karti... Bir platformun akisi altinda sayfa
   bolumleri olmaz, akis devam eder. Telefonda ve mini app'te ray
   icerigine alt bardaki duraklardan gidiliyor (Wars kendi sekmesi,
   siralama KOLBoard, hesap profil sekmesi) - yani hicbir sey
   kaybolmuyor, yalnizca akisin altindan kalkiyor. */
@media(max-width:999px){
  .hm-app .hm-rail{display:none}
}

/* ---- RAFTA HAFTALIK / AYLIK + TAC (14 Eyl 2026) ------------------------
   Ayhan: *"su ana sayfada da weekly ve monthly gorunebilir olmali"* ve
   *"ilk 3'e taç vermeliyiz"*. Isaret dili KOLBoard ile AYNI: altin, gumus,
   bronz tac; dorduncuden sonra sira numarasi. Ayni sey iki yuzeyde ayni
   gorunmeli, yoksa iki ayri urun gibi okunur. */
.hm-rsw{display:flex;gap:14px;margin:2px 0 10px}
.hm-rsw button{background:none;border:0;padding:4px 0;cursor:pointer;color:var(--faint);
  font:700 10.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;
  border-bottom:1.5px solid transparent}
.hm-rsw button.on{color:var(--text);border-bottom-color:var(--mint)}
.hm-rsw button:hover{color:var(--text)}
.hm-krows[hidden]{display:none}
.hm-rk.hm-m{display:inline-flex;align-items:center;justify-content:center}
.hm-crown{width:17px;height:12px;fill:currentColor;stroke:none;flex:none}
.hm-crown.m1{color:var(--gold)}
.hm-crown.m2{color:var(--text)}
.hm-crown.m3{color:var(--muted)}

/* ---- RAF ETIKETLERI OKUNSUN (14 Eyl 2026) ------------------------------
   Ayhan: *"su yazilar vs genel olarak hic belli degil, belli olmuyor"*
   ("MOST CALLED · 8 HOURS", "TRENDING", altlarindaki aciklamalar).
   Etiketler `--faint` (#6D7E78, 4,66 kontrast) ile cok kucuk ve 0,2em
   harf araligiyla yaziliyordu; kagit uzerinde AA'yi geciyor ama bu boyda
   ve bu aralikta okunmuyor. Jeton degismiyor, DOGRU jeton kullaniliyor:
   baslik `--muted` (5,68) ve bir tik buyuk, alt satir da oyle.
   Bu, /kols/ baslik satirinda bugun yapilan duzeltmenin ayni kurali. */
.hm-rl .hm-lab{color:var(--muted);font-size:11px;letter-spacing:.16em}
.hm-rsub{color:var(--muted);font-size:11.5px;opacity:.85}
.hm-rl .hm-lab.live{color:var(--mint)}
[data-rail-for][hidden]{display:none}

/* Zil, takip dugmesinin yaninda ve onunla ayni hizada (14 Eyl).
   Takip bir EYLEM, zil bir TERCIH - ikisi yan yana ama ayni agirlikta
   degil: dugme dolu, zil dolgusuz. */
.hm-kpid > .kp-bell{align-self:flex-start;margin-top:3px;flex:none;width:34px;height:34px}
.hm-kpid > .hm-fol + .kp-bell{margin-left:8px}

/* Paylas dugmesi zille ayni aileden: dolgusuz, sac teli cerceve (14 Eyl). */
.hm-kpid > .kp-share{display:inline-grid;place-items:center;margin-left:8px;
  align-self:flex-start;margin-top:3px;flex:none;width:34px;height:34px}
.hm-kpid > .kp-share svg{width:17px;height:17px;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ==== PROFIL BASLIGI: KAPAK VE KIMLIK (14 Eyl 2026) =====================
   Ayhan bir X profili gosterip *"mantik tamamen bu, sadece bize uyarla"*
   dedi. Alinan iskelet: kapak, kapaga binen avatar, sag ustte eylemler,
   ad / @handle / bio, ikonlu meta satiri, sonra SAYILAR.
   Bizim dilimiz: kapak dolu bir gorsel degil bir DOKU - kanalin kendi
   fotografi bulaniklastirilip markanin uzerine biniyor; jeton disi renk
   yok, golge yok, ayrac sac teli. */
.hm-kpcv{position:relative;height:clamp(96px,16vw,150px);overflow:hidden;
  background:var(--ink);margin:6px 0 0}
.hm-kpcv img{width:100%;height:100%;object-fit:cover;display:block}
.hm-kpcv .hm-kpcvb{transform:scale(1.25);filter:blur(22px) saturate(.85)}
.hm-kpcvv{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,9,10,.2),rgba(7,9,10,.86))}
.hm-kpcv-b{background:
  radial-gradient(120% 100% at 50% 0%,rgba(52,224,138,.07),transparent 70%),var(--ink)}
.hm-kpcvm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.16}
.hm-kpcvm img{width:clamp(150px,22vw,260px);height:auto}
/* Avatar kapaga biner: profilin oznesi odur. */
.hm-kpid{position:relative;margin-top:-26px}
.hm-kpav{display:block;flex:none;border-radius:50%;padding:3px;background:var(--ink)}
.hm-kpav .av,.hm-kpav img.av{width:66px;height:66px;border-radius:50%}
/* Eylemler sag ustte, kapagin hemen altinda. */
.hm-kpacts{display:flex;align-items:center;gap:8px;margin-left:auto;align-self:flex-start;
  margin-top:30px}
.hm-kpbio{margin:6px 0 0;font:400 13px/1.45 var(--body);color:var(--muted);max-width:52ch}
.hm-kpm .hm-kpmi{display:inline-flex;align-items:center;gap:6px;margin-right:14px;color:var(--faint)}
.hm-kpm .hm-kpmi svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none}
a.hm-kpmi:hover{color:var(--mint)}
/* Ikinci sayi (Telegram uyesi) birincisiyle ayni bicimde. */
.hm-kpc .hm-kpcn{display:inline-flex;align-items:baseline;gap:5px}
.hm-kpc .hm-kpcn b{font:700 13.5px/1 var(--num);color:var(--text)}
.hm-kpc .hm-kpcn i{font-style:normal;color:var(--faint)}
@media(max-width:640px){
  .hm-kpid{margin-top:-22px}
  .hm-kpav .av,.hm-kpav img.av{width:58px;height:58px}
  .hm-kpacts{margin-top:26px;gap:6px}
  .hm-kpbio{font-size:12.5px}
}

/* ==== PROFIL BASLIGI TELEFONDA UST USTE BINMEZ (14 Eyl 2026) ==========
   Ayhan: *"soyle bir hata var, ust uste biniyor mobilde."* Olculdu
   (390px): eylem kumesi 171px sabit alip kimlik kutusunu 91px'e
   sikistiriyordu - `@cryptolord100xcalls` ve `9,166 Telegram members`
   kendi kutularindan tasip dugmelerin altina giriyordu.

   Cozum X'in kendi telefon duzeni: avatarla eylemler AYNI satirda
   (biri solda, biri sagda), kimlik bloku onlarin ALTINDA tam genislikte.
   Boylece ada ve sayilara 358px kaliyor, sikisma diye bir sey kalmiyor.
   Genis ekranda hicbir sey degismiyor - orada zaten yer var. */
.hm-kpacts{flex:none}
.hm-kpu{overflow-wrap:break-word}
.hm-kpw .hm-kpc>*{min-width:0;max-width:100%}
@media(max-width:560px){
  .hm-kpid{flex-wrap:wrap;align-items:flex-end}
  .hm-kpav{order:1}
  .hm-kpacts{order:2;margin-top:0;align-self:flex-end;margin-bottom:2px}
  .hm-kpw{order:3;flex:1 0 100%;margin-top:11px}
  .hm-kpbio{max-width:none}
}

/* ==== TEK GONDERI EKRANI (14 Eyl 2026) =================================
   Ayhan: *"ana sayfadaki her post tiklandiginda X'deki gibi acilacak."*
   Ekranin isi tek bir cagriyi ve onun yorumlarini gostermek; o yuzden
   gonderi tam genislikte, ayrac yine sac teli, kutu yok. Akistaki
   gonderiyle AYNI bilesen - fark yalniz cevresindeki bosluk. */
.hm-ppane{min-width:0}
.hm-ppane .hm-ksback{margin:6px 0 2px}
.hm-pstream>.po{border-top:0}
.hm-pstream>.po .po-cm{display:block}
/* Gonderi tiklanabilir oldugu icin isaret verir - ama yalniz isaretci
   olan cihazlarda; dokunmatikte hover diye bir sey yok. */
@media(hover:hover){
  .hm-stream>.po{cursor:pointer}
  .hm-stream>.po:hover{background:rgba(255,255,255,.016)}
  .hm-stream>.po a,.hm-stream>.po button{cursor:pointer}
}

/* ==== YENI CAGRI HAPI: OLCU DUZELTMESI (14 Eyl 2026) ===================
   Ayhan X'in pilini bizimkinin yanina koydu: *"ne alaka, amator, berbat
   duruyor."* Fark renk degil ORAN. Onlarinki 30 px yuksek, 20 px yuz,
   duz kucuk harf bir kelime. Bizimki 40 px'e cikmis, 22 px yuz, 15 px
   kalin rakam ve ustune BUYUK HARF aralikli bir etiket - ayni hapta uc
   ayri vurgu yarisiyor.
   Vurgu tek olur: rakam. Etiket onu okutan kelimedir, bagirmaz. */
.hm-new button{gap:7px;padding:7px 14px 7px 10px;font-weight:600;
  box-shadow:0 0 0 3px rgba(7,9,10,.72)}
.hm-new button b{font:700 13.5px/1 var(--num)}
.hm-new button .hm-np-w{font:500 12.5px/1 var(--body);letter-spacing:0;
  text-transform:none;opacity:.92}
.hm-new button .hm-np-up{font-size:12px;opacity:.7;margin-right:0}
.hm-new button .hm-np-av img,.hm-new button .hm-np-av span{width:19px;height:19px;
  box-shadow:0 0 0 2px var(--mint);font-size:8px;margin-left:-6px}

/* ==== MINI APP UST BANDI (14 Eyl 2026) ==================================
   Ayhan: *"su tasarimi da begenmiyorum, cok daha profesyonel olabilir,
   cok amator duruyor; o kadar is yaptik, hakkini vermemiz lazim."*

   Ekranda olan sey: marka isareti bir satir, ALTINA tek basina saga
   yaslanmis bir "LIVE", onun ALTINA "CHAIN" etiketi ve zincir dugmeleri.
   Uc satir, uc farkli hiza, aralarinda bosluk - bant bir baslik degil
   uc ayri parca gibi duruyordu. Sebep yapisal: mini app'te sekmeler alt
   bara, arama kutusu alt arama sayfasina tasindi; geriye kalan iki oge
   kendi satirlarinda yalniz kaldi.

   Duzeltme: bant TEK SATIR olur. Zincir dugmeleri solda yatay kayar,
   LIVE sagda SABIT durur (kayip gitmez, cunku o bir suzgec degil bir
   DURUM). Ustune giren dugmeler mürekkep bir perdenin altinda kaybolur.
   "CHAIN" etiketi kalkar - "All / Solana / Robinhood" zaten ne oldugunu
   soyluyor, etiket bir satir daha yer istiyordu (kural 14 bir seyi
   ACIKLA der, iki kez SOYLE demez). */
.hm-app .hm-head{position:relative;padding-bottom:0}
.hm-app .hm-head .hm-ol{display:none}
.hm-app .hm-head .hm-opts{padding:9px 0 11px;padding-right:74px;gap:6px;align-items:center}
.hm-app .hm-head .hm-opts button{padding:6px 10px;font-size:12.5px;letter-spacing:.01em;
  color:var(--muted);border-radius:999px;line-height:1}
.hm-app .hm-head .hm-opts button.on{color:var(--ink);background:var(--mint);font-weight:600}
.hm-app .hm-head .hm-opts button svg{width:12px;height:12px;margin-right:5px;vertical-align:-1px}
.hm-app .hm-head .hm-opts button.on svg{opacity:.85}
.hm-app .hm-head .hm-livetag{position:absolute;right:0;bottom:11px;z-index:2;
  padding-left:16px;background:linear-gradient(90deg,transparent,var(--ink) 16px);
  font-size:10px;letter-spacing:.16em}
.hm-app .hm-head .hm-livetag s,.hm-app .hm-head .hm-livetag [data-refreshed]{display:none}

/* ==== SOL RAFTAKI IMZA: YAZI ISARETIN USTUNE BINMEZ (14 Eyl 2026) ======
   Ayhan: *"sitede surda goruntu bozuklugu var, screener sayfasinda."*
   Kutu 172 px sabit yukseklikteydi ve UC oge de mutlak konumluydu:
   goz tuvali `inset:0` ile tamamini kapliyor, slogan `bottom:24px`,
   alt satir `bottom:0`. Yani yazi tuvalin UZERINE basiliyordu - gozun
   noktali govdesi harflerin arasindan geciyordu.
   Mutlak konum burada hicbir sey kazandirmiyordu: uc oge alt alta.
   Akisa alindilar, boylece carpisma IMKANSIZ hale geldi ve kutu
   icerigi kadar yer kapliyor. */
.hm-deck{position:relative;height:auto;overflow:hidden;display:flex;
  flex-direction:column;gap:9px;margin:0 0 10px}
.hm-deck #eye{position:static;inset:auto;width:100%;height:104px;opacity:.7}
.hm-deck b{position:static;left:auto;bottom:auto;max-width:none}
.hm-deck p{position:static;left:auto;bottom:auto;max-width:none}

/* ==== RAFTA TAKIP DUGMESI ORANI EZMEZ (14 Eyl 2026) ====================
   Ekran goruntusunde ikinci satirda hem "67%" hem "FOLLOWING" ayni anda
   duruyor ve birbirinin ustune biniyordu. Kural yarimdi: oran yalniz
   FARE USTUNDEYKEN gizleniyor, takip edilen KOL'un dugmesi ise HER ZAMAN
   duruyor - fare baska yerdeyken ikisi birden 272 px'lik rafa sigmaya
   calisiyordu. Satirda o yer TEK bir seye ait: ya oran ya durum. */
.hm-kr:has(.hm-fol.on) .hm-rate{display:none}
.hm-kr .hm-fol{flex:0 0 auto;white-space:nowrap;font-size:9.5px;letter-spacing:.04em;
  padding:5px 9px;max-width:58%;overflow:hidden;text-overflow:ellipsis}
.hm-kr .hm-kw{min-width:0}

/* ==== MINI APP BASLIGI: BOSLUK VE BINISME (14 Eyl 2026) ================
   Ayhan: *"postun yarisi gorunmuyor, ayrica sunun arasinda daglar kadar
   bosluk var."* Olculdu (370x580): marka bandi 35 px'te bitiyor, sekme
   seridi 76 px'te basliyor - arada 41 px HICBIR SEY. Sebep gorunmez bir
   kural: serit `position:sticky; top:var(--bar)` ve `--bar` 58 px, yani
   SITENIN ust barinin yuksekligi. Mini app'te o bar yok, yerinde 35 px'lik
   marka bandi var. Yapiskan bir oge `top` degerinden yukarida duramaz -
   sayfa hic kaydirilmamis olsa bile kendini 58 px'e itiyordu.
   Serit artik gercekten ustundeki seyin boyuna yapisiyor.

   Ikinci hata: CANLI rozeti zincir cubugunun UZERINE mutlak konumlanmisti
   ve "BNB Chain" cipinin ustune biniyordu (saga ayrilan bosluk, cubuk
   kaydiginda ise yaramiyor - o bosluk icerigin SONUNDA kaliyor).
   Rozet artik sekmelerin yaninda, kendi yerinde duruyor: hicbir seyin
   ustune binemez.

   Ucuncusu yer: uc satirin toplami 161 px'ti ve 580 px'lik bir ekranda
   gonderinin yarisini yiyordu. Satirlar sikildi. */
.hm-app{--abar:36px}
.hm-app .hm-head{top:var(--abar)}
.hm-app .hm-head .hm-tabs{flex:1 1 auto}
.hm-app .hm-head .hm-tabs button{padding:11px 6px 9px}
.hm-app .hm-head .hm-livetag{position:static;order:2;flex:none;align-self:center;
  margin:0 0 0 10px;padding:0;background:none;font-size:9.5px;letter-spacing:.14em}
.hm-app .hm-head .hm-opts{order:4;padding:7px 0 8px;padding-right:0}
@media(max-width:640px){
  .hm-app .hm-head .hm-tabs{order:1;flex:1 1 auto;width:auto}
  .hm-app .hm-head .hm-livetag{order:2;margin:0 0 0 10px}
  .hm-app .hm-head .hm-opts{order:4;width:100%}
}

/* Boslugun gercek sebebi (14 Eyl, olculdu): telefonda serit YAPISKAN
   DEGIL - `position:relative`. Yapiskan olmayan bir ogede `top` bir
   yapisma esigi degil bir OTELEME olur: 58 px'lik deger seridi oldugu
   yerden 58 px asagi itiyordu ve ustunde bos bir band birakiyordu.
   Genis ekranda serit gercekten yapiskan; orada deger ustundeki bandin
   boyudur. Iki yuzey, iki dogru deger. */
@media(max-width:640px){
  .hm-app .hm-head{position:relative;top:0}
}

/* ==== YAPISKAN SERIT SAYDAM OLMAZ (14 Eyl 2026) ========================
   Ayhan: *"siteden Screener'a bakayim dedim, su kisim yine ust uste
   binmis."* Serit yapiskan ve altindan gonderiler geciyor - dogru olan
   bu. Yanlis olan seridin SAYDAM olmasi: zemin `rgba(7,9,10,.92)` idi ve
   ustune `backdrop-filter: blur()` konmustu. Yuzde sekiz saydamlik
   yuksek kontrastli bir sey (bir avatar cemberi, bir nane cizgi) icin
   yeterli - okuyan kisi "binmis" goruyor, hakli. Ustelik buzlanma her
   tarayicida tutmuyor; tutmadigi yerde geriye yalniz o yuzde sekiz
   kaliyor.
   Serit artik TAM OPAK. Dururken sayfanin zeminiyle ayni renk, yani
   gorunumde hicbir sey degismiyor; kaydirinca arkasindan hicbir sey
   sizmiyor. Marka kilidi de bunu ister: buzlanma bir suslemedir. */
.hm-head{background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}

/* YAPISKANLIK GERI (14 Eyl 2026). Bugun mini app bandini duzeltirken
   serit `position:relative` yapilmisti - o sirada CANLI rozeti mutlak
   konumluydu ve tutunacak bir kutu gerekiyordu. Rozet sonra kendi
   yerine oturdu (`position:static`) ama `relative` kaldi ve yapiskanligi
   sessizce oldurdu: masaustunde serit kaydirinca yukari kayip gidiyordu.
   Ayhan'in gordugu "ust uste binme" bunun ikinci yuzu - serit yerinde
   dururken saydam oldugu icin arkasindan avatar okunuyordu; zemin artik
   tam opak (yukaridaki kural) ve serit yine yapisiyor.
   Telefonda serit BILEREK yapiskan degil (640 px alti, 12 Eyl karari):
   ekran zaten dar, ust bant akisin payini yiyor. */
@media(min-width:641px){
  .hm-app .hm-head{position:sticky;top:var(--abar)}
}

/* YAPISMA ESIGI YUZEYE GORE (14 Eyl 2026). `--abar` 36 px olarak
   konmustu cunku mini app'in marka bandi 35 px. Ama `.hm-app` sinifi
   SITEDE de duruyor (ekran ayni ekran), oradaki ust bar ise 58 px:
   serit 36'ya yapisinca ust 22 px'i barin ALTINDA kaliyor ve sekmeler
   kesik gorunuyor. Mini app'i ayirt eden sey `html.tg` - bayragi
   acilis betigi koyuyor. Varsayilan sitenin bari, mini app kendi
   bandini soyluyor. */
.hm-app{--abar:var(--bar)}
html.tg .hm-app{--abar:36px}

/* ==== PROFILDE AKISIN SERIDI YOK (14 Eyl 2026) =========================
   Ayhan: *"profile girildiginde ustte Live calls ve Following goruyor,
   o sadece ana sayfada olmali."* Hakli ve yalnizca gorsel bir mesele
   degil: o sekmeler AKISI suzuyor, profil ekraninda dokunuldugunda
   arkadaki akis degisiyor ama kullanici profilde oldugu icin hicbir sey
   olmamis gibi goruyor. Zincir cipleri ve carpan suzgeci de ayni.
   Profilin kendi basligi zaten var (geri dugmesi, kapak, kimlik, sicil)
   ve KOL'un cagrilarini suzen kendi arama kutusu panelde duruyor.
   Ayni sey tek gonderi ekrani icin de gecerli. */
.hm-inkol .hm-head,
.hm-inpost .hm-head{display:none}

/* ana sayfa: "What is KOLScreener" (18 Eki 2026) - metin seo.sss()'ten */
.hm-about{margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--hair);padding-top:clamp(28px,3.6vw,48px)}
.hm-qas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin-top:clamp(20px,2.6vw,32px)}
.hm-qa h3{margin:0;font-size:15px;font-weight:600;color:var(--text,inherit)}
.hm-qa p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6;max-width:62ch}
@media(max-width:700px){.hm-qas{grid-template-columns:1fr;gap:20px}}