/* VidCapto — paylasimli stil. index.php ve seo.php ayni dosyayi kullanir.
   Onceden index.php icinde inline'di; 60 sayfa olunca hem tekrar hem cache kaybiydi. */
  :root{--ink:#0d0f14;--sheet:#eef1f7;--paper:#fff;--accent:#3b2cff;--accent2:#00c489;--hi:#ffd21f;--pink:#ff2e88;--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--sheet);color:var(--ink);font-family:"IBM Plex Sans",sans-serif;line-height:1.5;padding:26px 18px 60px;
    background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:46px 46px;background-position:-1px -1px}
  body::before{content:"";position:fixed;inset:0;background:var(--sheet);opacity:.955;z-index:-1}
  .wrap{max-width:720px;margin:0 auto}
  a{color:var(--accent)}
  .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .seal{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;padding:7px 13px;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow);transform:rotate(-1.5deg);max-width:100%}
  .seal .dot{width:9px;height:9px;background:var(--accent2);border-radius:50%;flex:none}
  /* dil secici — wrap olsa bile saga yasla; acik menu hero'yu ortmesin */
  .lang{position:relative;font-family:"IBM Plex Mono",monospace;margin-inline-start:auto;z-index:40}
  .lang button{cursor:pointer;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:8px 12px;font-weight:600;font-size:13px;font-family:inherit;display:flex;gap:7px;align-items:center}
  .lang ul{position:absolute;top:calc(100% + 6px);inset-inline-end:0;background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);list-style:none;min-width:170px;z-index:50;display:none;max-height:min(60vh,420px);overflow:auto}
  .lang.open ul{display:block}
  .lang li a{display:block;padding:9px 13px;text-decoration:none;color:var(--ink);font-weight:600;font-size:13px;border-bottom:1px solid #e3e6ee}
  .lang li a:hover,.lang li a[aria-current=true]{background:var(--hi)}
  @media (max-width:560px){
    .bar{align-items:flex-start}
    .seal{font-size:11px;padding:6px 10px;letter-spacing:.3px}
    .lang ul{inset-inline-end:0;inset-inline-start:auto;right:0;left:auto}
    body{padding:18px 12px 70px}
    .sheet{padding:20px 14px;margin-top:28px}
    .row{flex-direction:column;gap:10px}
    .urlbox{min-width:0;width:100%}
    button.go{width:100%}
    button.paste{font-size:11px;padding:7px 9px}
    .card .top{gap:10px;padding:12px}
    .card .thumb{width:84px;height:84px}
    .card h4{font-size:14px}
    .card .by{font-size:11px}
    .dls{gap:8px;padding:0 12px 14px}
    .dl{font-size:12px;padding:12px 8px;letter-spacing:0}
    .ad .tf{flex-direction:column;align-items:stretch;gap:12px;padding:16px 14px 14px}
    .ad .tf-body{min-width:0}
    .ad .tf-cta{width:100%;text-align:center;box-sizing:border-box}
    .plats{gap:6px}
    .plat{font-size:10px;padding:5px 7px}
  }
  h1{font-family:"Archivo Black",sans-serif;font-size:clamp(38px,8.5vw,70px);line-height:.9;margin:24px 0 10px;letter-spacing:-1.5px}
  h1 .hl{background:var(--accent);color:#fff;padding:0 10px;transform:rotate(-1deg);display:inline-block}
  .lead{font-size:17px;font-weight:500;max-width:560px}
  .lead b{background:var(--hi);padding:1px 6px}
  .plats{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
  .plat{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border:2px solid var(--ink);padding:5px 9px;background:var(--paper);box-shadow:2px 2px 0 var(--ink)}
  .plat[data-p=instagram]{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf);color:#fff}
  .plat[data-p=tiktok]{background:#010101;color:#25f4ee}.plat[data-p=youtube]{background:#ff0000;color:#fff}
  .plat[data-p=facebook]{background:#1877f2;color:#fff}.plat[data-p=x]{background:#000;color:#fff}.plat[data-p=more]{background:var(--hi)}
  .sheet{position:relative;background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--shadow-lg);padding:26px 22px;margin-top:38px}
  .tape{position:absolute;top:-15px;inset-inline-start:24px;transform:rotate(-2.5deg);background:var(--hi);color:var(--ink);border:2px solid var(--ink);padding:4px 15px;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px}
  .tape.g{background:var(--accent2)}.tape.p{background:var(--pink);color:#fff}.tape.b{background:var(--accent);color:#fff}
  h2{font-family:"Archivo Black",sans-serif;font-size:clamp(24px,5vw,34px);letter-spacing:-.5px;margin:2px 0 14px}
  h3{font-family:"Archivo Black",sans-serif;font-size:17px;margin:0 0 6px}
  p.tx{font-size:15.5px;margin:0 0 12px;color:#1c1f27}
  .chrome{display:flex;gap:6px;margin-bottom:16px}
  .chrome i{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%}
  .chrome i:nth-child(1){background:var(--pink)}.chrome i:nth-child(2){background:var(--hi)}.chrome i:nth-child(3){background:var(--accent2)}
  label{display:block;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
  .row{display:flex;gap:10px;flex-wrap:wrap}
  .urlbox{flex:1;min-width:220px;display:flex;align-items:stretch;border:2px solid var(--ink);background:var(--sheet);box-shadow:none;position:relative}
  .urlbox:focus-within{background:#fff;box-shadow:3px 3px 0 var(--accent)}
  .urlbox input[type=url]{flex:1;min-width:0;border:0;background:transparent;box-shadow:none;padding:14px;font-family:"IBM Plex Mono",monospace;font-size:15px;color:var(--ink);outline:none}
  .urlbox input[type=url]:focus{background:transparent;box-shadow:none}
  button.paste{cursor:pointer;flex:none;align-self:center;margin:6px 8px 6px 0;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding:8px 11px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:transform .05s,box-shadow .05s}
  button.paste:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}
  button.paste:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}
  button.paste:disabled{opacity:.55;cursor:wait}
  input[type=url]{flex:1;min-width:220px;font-family:"IBM Plex Mono",monospace;font-size:15px;padding:14px;background:var(--sheet);border:2px solid var(--ink);color:var(--ink);outline:none}
  input[type=url]:focus{background:#fff;box-shadow:3px 3px 0 var(--accent)}
  button.go{cursor:pointer;font-family:"Archivo Black",sans-serif;font-size:15px;padding:14px 24px;background:var(--accent);color:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);transition:transform .05s,box-shadow .05s;text-transform:uppercase}
  button.go:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
  button.go:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}
  button.go:disabled{background:#9aa0ad;cursor:wait;transform:none;box-shadow:var(--shadow)}
  .hint{margin-top:11px;font-size:13px;font-family:"IBM Plex Mono",monospace;color:#5a6070}.hint b{color:var(--ink)}
  #prog{display:none;margin-top:18px}#prog.show{display:block}
  .pbar{height:16px;border:2px solid var(--ink);background:var(--sheet);box-shadow:3px 3px 0 var(--ink);overflow:hidden;position:relative}
  .pfill{height:100%;width:0;background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 10px,#5a4dff 10px,#5a4dff 20px);transition:width .3s ease;background-size:28px 28px}
  #prog.busy .pfill{animation:vc-stripe 0.7s linear infinite}
  @keyframes vc-stripe{to{background-position:28px 0}}
  .pmeta{display:flex;justify-content:space-between;margin-top:7px;font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600}.pmeta .pct{color:var(--accent)}
  #status{margin-top:16px;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:14px;display:none}#status.show{display:block}#status.err{color:var(--pink)}#status.ok{color:#0a7a4f;background:#e6fff4;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 12px}
  #setup{display:none;margin-top:16px;border:2.5px solid var(--ink);background:#fff4d6;box-shadow:var(--shadow);padding:16px}#setup.show{display:block}
  #setup ol{margin:8px 0 0 18px;font-size:13.5px;line-height:1.7}#setup code{font-family:"IBM Plex Mono",monospace;background:var(--ink);color:#fff;padding:1px 6px;font-size:12px}
  .card{margin-top:22px;background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--shadow);overflow:hidden}
  .card .top{display:flex;gap:14px;padding:14px}
  .card .thumb{width:120px;height:120px;flex:none;object-fit:cover;background:var(--ink);border:2px solid var(--ink)}
  .card .meta{min-width:0;flex:1}
  .card .pbadge{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border:2px solid var(--ink);margin-bottom:8px}
  .card h4{font-size:16px;line-height:1.25;margin-bottom:6px;word-break:break-word}
  .card .by{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#5a6070}
  .dls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 16px}
  .dl{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;box-sizing:border-box;font-family:"Archivo Black",sans-serif;font-size:13px;text-transform:uppercase;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:11px 10px;transition:transform .05s,box-shadow .05s,opacity .15s,background .15s;background:var(--accent2);color:var(--ink);text-align:center}
  .dl.audio,.dl.zip{grid-column:1/-1}
  .dl.audio{background:var(--hi)}.dl.zip{background:var(--accent);color:#fff}
  .dl:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
  .dl.busy{opacity:.55;pointer-events:none}
  .dl.done{text-decoration:line-through;opacity:.78;background:#d4d8e2;color:#3a4050;box-shadow:2px 2px 0 var(--ink)}
  .dl.done.audio{background:#e8e0a8}
  .dl.done.zip{background:#7a74d6;color:#fff}
  @media (min-width:640px){
    .dls{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:6px}
  .step{border:2px solid var(--ink);background:var(--sheet);padding:16px;box-shadow:3px 3px 0 var(--ink)}
  .step .n{font-family:"Archivo Black",sans-serif;font-size:26px;color:var(--accent);line-height:1}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:6px}
  .pf{border:2px solid var(--ink);background:var(--paper);padding:15px;box-shadow:3px 3px 0 var(--ink)}
  .pf .pill{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;color:#fff;margin-bottom:8px}
  .feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
  .feat div{border-inline-start:4px solid var(--accent);padding-inline-start:12px}
  .ad{margin-top:34px;border:2px solid var(--ink);background:var(--paper);min-height:110px;display:block;position:relative;box-shadow:4px 4px 0 var(--ink);padding:0;overflow:hidden}
  .ad::before{content:attr(data-label);position:absolute;top:-11px;inset-inline-start:14px;background:var(--sheet);border:2px solid var(--ink);padding:2px 8px;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;z-index:2}
  .ad.house{padding:0}
  .ad .tf{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:18px 16px 16px;text-decoration:none;color:inherit;background:#fffcf5;min-height:110px;position:relative;
    background-image:linear-gradient(#0a0a0a 1px,transparent 1px),linear-gradient(90deg,#0a0a0a 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}
  .ad .tf::before{content:"";position:absolute;inset:0;background:#fffcf5;opacity:.94;z-index:0}
  .ad .tf > *{position:relative;z-index:1}
  .ad .tf-mark{flex:none;width:56px;height:56px;background:#ff2e00;border:2.5px solid #0a0a0a;box-shadow:4px 4px 0 #0a0a0a;display:grid;place-items:center;font-family:"Archivo Black",sans-serif;font-size:18px;color:#fff;transform:rotate(-3deg)}
  .ad .tf-body{flex:1;min-width:180px}
  .ad .tf-body strong{display:block;font-family:"Archivo Black",sans-serif;font-size:clamp(16px,3.5vw,20px);letter-spacing:-.3px;margin-bottom:4px;color:#0a0a0a}
  .ad .tf-body p{margin:0;font-size:13.5px;color:#1a1a1a;max-width:420px}
  .ad .tf-cta{flex:none;font-family:"Archivo Black",sans-serif;font-size:12px;text-transform:uppercase;background:#ffe600;color:#0a0a0a;border:2px solid #0a0a0a;box-shadow:3px 3px 0 #0a0a0a;padding:10px 14px;transition:transform .05s,box-shadow .05s}
  .ad .tf:hover .tf-cta{transform:translate(2px,2px);box-shadow:1px 1px 0 #0a0a0a}
  .ad.sense{display:flex;align-items:center;justify-content:center;min-height:110px;padding:12px}
  .ad.sense span{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#9aa2b2}
  details{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);margin-top:12px}
  summary{cursor:pointer;list-style:none;padding:14px 16px;font-family:"Archivo Black",sans-serif;font-size:15px;display:flex;justify-content:space-between;gap:10px}
  summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--accent);font-size:20px}details[open] summary::after{content:"–"}
  details .a{padding:0 16px 16px;font-size:15px;color:#1c1f27}
  footer{margin-top:44px;border-top:3px solid var(--ink);padding-top:18px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:#5a6070}
  footer .links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}footer a{font-weight:600}footer b{color:var(--ink)}
  /* cerez banner */
  #cookie{position:fixed;inset-inline:14px;bottom:14px;z-index:50;background:var(--paper);border:2.5px solid var(--ink);box-shadow:var(--shadow-lg);
    padding:14px 16px;display:none;gap:12px;align-items:center;flex-wrap:wrap;max-width:720px;margin:0 auto}
  #cookie.show{display:flex}
  #cookie p{font-size:13.5px;margin:0;flex:1;min-width:200px}
  #cookie a{font-weight:700}
  #cookie .cbtns{display:flex;gap:8px}
  #cookie button{cursor:pointer;font-family:"Archivo Black",sans-serif;font-size:12px;text-transform:uppercase;border:2px solid var(--ink);padding:9px 14px;box-shadow:3px 3px 0 var(--ink);transition:transform .05s,box-shadow .05s}
  #cookie button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
  #cookie .ok{background:var(--accent);color:#fff}#cookie .no{background:var(--paper);color:var(--ink)}
  /* yukari cik — cookie banner ile catismasin */
  #toTop{position:fixed;inset-inline-end:16px;bottom:18px;z-index:45;width:48px;height:48px;padding:0;
    font-family:"Archivo Black",sans-serif;font-size:20px;line-height:1;cursor:pointer;
    background:var(--hi);color:var(--ink);border:2.5px solid var(--ink);box-shadow:var(--shadow);
    opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s,transform .18s,box-shadow .05s,bottom .18s}
  #toTop.show{opacity:1;pointer-events:auto;transform:none}
  #toTop:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
  #toTop:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}
  body.cookie-open #toTop{bottom:118px}
  @media (max-width:560px){
    #toTop{width:44px;height:44px;inset-inline-end:12px;bottom:14px;font-size:18px}
    body.cookie-open #toTop{bottom:132px}
  }