/* Burhaniye testi */
.bt{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 24px;max-width:680px;margin:0 auto 24px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.bt-screen{display:none}
.bt-screen.is-on{display:block;animation:btIn .4s cubic-bezier(.22,1,.36,1)}
@keyframes btIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bt-intro{text-align:center}
.bt-badge{display:inline-block;background:var(--brand);color:#fff;font-weight:800;font-size:12px;letter-spacing:.12em;padding:5px 12px;border-radius:4px;transform:skewX(-10deg);margin-bottom:10px}
.bt-intro h1{font-size:30px;line-height:1.2;margin:4px 0 10px;color:var(--ink)}
.bt-intro p{color:var(--muted);margin:0 0 16px}
.bt-meta{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:0 0 22px;flex-wrap:wrap}
.bt-meta li{background:var(--soft);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ink2)}
.bt-meta b{color:var(--brand)}
.bt-note{font-size:13px;margin-top:14px!important}
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:13px 22px;font-weight:700;font-size:16px;line-height:1.2;font-family:inherit;cursor:pointer;text-decoration:none;transition:transform .12s,background .2s,opacity .2s}
.bt-btn:active{transform:scale(.96)}
.bt-btn:disabled{opacity:.35;cursor:default}
.bt-primary{background:var(--brand);color:#fff}
.bt-ghost{background:var(--soft);color:var(--ink)}
.bt-wa{background:#25d366;color:#fff}
.bt-intro .bt-primary{padding:15px 34px;font-size:17px}
.bt-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bt-count{font-size:15px;color:var(--muted)}.bt-count b{color:var(--ink);font-size:18px}
.bt-diff{font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}
.d-kolay{background:#dcfce7;color:#166534}.d-orta{background:#fef3c7;color:#92400e}.d-zor{background:#fee2e2;color:#991b1b}
.bt-bar{height:6px;background:var(--soft);border-radius:99px;overflow:hidden;margin-bottom:22px}
.bt-bar i{display:block;height:100%;width:0;background:var(--brand);border-radius:99px;transition:width .4s cubic-bezier(.22,1,.36,1)}
.bt-qwrap{min-height:330px}
.bt-q{animation:btSlideR .35s cubic-bezier(.22,1,.36,1)}
.bt-q.from-l{animation-name:btSlideL}
@keyframes btSlideR{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes btSlideL{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.bt-q h2{font-size:21px;line-height:1.35;margin:0 0 18px;color:var(--ink)}
.bt-opts{display:grid;gap:10px}
.bt-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:600;font-size:16px;line-height:1.35;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.bt-opt:hover{border-color:#cbd5e1}
.bt-opt:active{transform:scale(.985)}
.bt-l{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--soft);font-weight:800;color:var(--ink2);transition:background .15s,color .15s}
.bt-opt.sel{border-color:var(--brand);background:rgba(200,16,46,.06)}
.bt-opt.sel .bt-l{background:var(--brand);color:#fff}
.bt-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:20px 0 14px}
.bt-dots button{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;font-size:12.5px;line-height:1;font-family:inherit;cursor:pointer;padding:0}
.bt-dots button.ok{background:var(--soft);color:var(--ink);border-color:#cbd5e1}
.bt-dots button.cur{border-color:var(--brand);color:var(--brand)}
.bt-nav{display:flex;justify-content:space-between;gap:10px}
.bt-nav .bt-btn{flex:1}
.bt-check{background:#16a34a!important}
.shake{animation:btShake .45s}
@keyframes btShake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
/* Sonuç */
.bt-result{text-align:center}
.bt-ring{position:relative;width:170px;height:170px;margin:4px auto 12px}
.bt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.bt-ring circle{fill:none;stroke-width:10}
.bt-ring .bg{stroke:var(--soft)}
.bt-ring .fg{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}
.bt-score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.bt-score b{font-size:58px;color:var(--ink);line-height:1}.bt-score span{font-size:24px;color:var(--muted);font-weight:700;margin-top:18px}
.bt-level{display:inline-block;font-size:24px;font-weight:900;color:#fff;background:var(--brand);padding:6px 18px;border-radius:6px;transform:skewX(-8deg)}
.bt-ltext{color:var(--ink2);margin:12px auto 22px;max-width:440px}
.bt-cardbox{background:var(--soft);border-radius:14px;padding:18px;margin:0 0 26px}
.bt-cardbox label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--ink2)}
.bt-cardbox input{width:100%;max-width:320px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit;background:var(--card);color:var(--ink);text-align:center;margin-bottom:14px}
.bt-card{width:100%;max-width:340px;min-height:400px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.15);color:#111827}
.bc-head{background:#fff;padding:16px;display:flex;justify-content:center;border-bottom:4px solid var(--cc,var(--brand))}
.bc-head img{height:46px;width:auto}
.bc-head b{color:var(--brand);font-size:20px}
.bc-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:4px}
.bc-title{font-weight:800;font-size:17px;line-height:1.25}
.bc-who{color:#6b7280;font-weight:600;font-size:14px}
.bc-score{color:var(--cc,var(--brand));line-height:1;margin:4px 0}
.bc-score b{font-size:72px;font-weight:900}.bc-score span{font-size:28px;font-weight:800;color:#9ca3af}
.bc-level{font-weight:900;font-size:21px}
.bc-dots{display:flex;gap:5px;margin:8px 0 4px}
.bc-dots i{width:12px;height:12px;border-radius:50%;background:#e5e7eb}
.bc-dots i.y{background:#16a34a}
.bc-date{color:#6b7280;font-size:12.5px}
.bc-foot{background:#f4f5f7;padding:10px;font-size:12.5px;color:#374151}
.bc-foot b{color:var(--cc,var(--brand))}
.bt-share{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.bt-h2{font-size:20px;margin:0 0 12px;text-align:left}
.bt-review{text-align:left;padding:0;margin:0 0 20px;list-style:none;counter-reset:r}
.bt-review li{counter-increment:r;border:1px solid var(--line);border-left:5px solid #16a34a;border-radius:10px;padding:10px 12px;margin-bottom:8px}
.bt-review li.no{border-left-color:#dc2626}
.bt-review .rq{font-weight:700;font-size:15px}
.bt-review .rq::before{content:counter(r) ". ";color:var(--muted)}
.bt-review .ra{font-size:14.5px;color:var(--ink2);margin-top:4px}
.bt-review li.ok .ra{color:#15803d}
.bt-review li.no b{color:#15803d}
@media (max-width:600px){
  .bt{padding:20px 14px;border-radius:12px}
  .bt-intro h1{font-size:25px}
  .bt-q h2{font-size:19px}
  .bt-qwrap{min-height:310px}
}
/* Yalın sayfa (haber, kenar çubuğu yok) */
body.bt-page{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
.bt-head{background:var(--brand);display:flex;justify-content:center;align-items:center;height:60px;padding:0 16px}
.bt-head img{height:40px;width:auto;display:block}
.bt-head b{color:#fff;font-size:20px}
.bt-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:22px 14px 10px;box-sizing:border-box}
.bt-foot{text-align:center;padding:14px 16px 26px}
.bt-foot a{color:var(--muted);text-decoration:none;font-size:14px}
/* Fotoğraf ve kullanıcı adı */
.bt-me{display:flex;gap:12px;align-items:center;max-width:420px;margin:0 auto 6px}
.bt-photo{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;margin:0!important}
.bt-photo span{width:68px;height:68px;border-radius:50%;background:var(--card);border:2px dashed #cbd5e1;display:grid;place-items:center;color:var(--muted);overflow:hidden}
.bt-photo span img{width:100%;height:100%;object-fit:cover}
.bt-photo em{font-style:normal;font-size:12px;font-weight:700;color:var(--ink2)}
.bt-mefields{flex:1;display:grid;gap:8px;min-width:0}
.bt-cardbox .bt-mefields input{max-width:none;margin:0;text-align:left}
.bt-hint{font-size:12.5px;color:var(--muted);margin:4px auto 14px;max-width:420px}
.bc-av{flex:none;width:76px;height:76px;border-radius:50%;background:#eee center/cover;border:3px solid var(--cc,var(--brand));box-shadow:0 0 0 3px #fff;margin:-40px auto 0;position:relative}
.bc-av[hidden]{display:none}
.bc-ig{color:var(--cc,var(--brand));font-weight:700;font-size:14px}
.bt-card.has-av .bc-head{padding-bottom:48px}

/* Kişisel sonuç ekranı */
.bt-name0{display:block;width:100%;max-width:300px;margin:0 auto 14px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit;background:var(--card);color:var(--ink);text-align:center}
.bt-hello{font-size:26px;font-weight:900;color:var(--ink);margin:0 0 6px}
.bt-youare{font-size:15px;color:var(--muted);margin:0 0 6px}
.bt-stats{display:flex;justify-content:center;gap:8px;margin:-8px 0 22px}
.bt-stats span{font-size:13.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.bt-stats .y{background:#dcfce7;color:#166534}.bt-stats .n{background:#fee2e2;color:#991b1b}
.bt-sh{font-size:20px;margin:0 0 4px;color:var(--ink)}
.bt-explain{font-size:14px;color:var(--ink2);margin:0 auto 14px;max-width:440px}
.bt-pick{display:flex;align-items:center;gap:10px;max-width:440px;margin:10px auto 0}
.bt-pl{flex:none;width:44px;text-align:left;font-size:13px;font-weight:700;color:var(--muted)}
.bt-chips{display:flex;flex-wrap:wrap;gap:6px}
.bt-chips button{min-width:38px;height:38px;border-radius:10px;border:2px solid var(--line);background:var(--card);color:var(--ink);font-size:19px;line-height:1;cursor:pointer;padding:0 6px;font-family:inherit}
.bt-chips button[data-e=""]{font-size:13px;font-weight:700}
.bt-chips button.on{border-color:var(--brand);background:rgba(200,16,46,.08)}
.bt-colors button{min-width:34px;width:34px;height:34px;border-radius:50%;background:var(--c);border:3px solid var(--card);box-shadow:0 0 0 2px var(--line)}
.bt-colors button.on{box-shadow:0 0 0 3px var(--ink)}
.bt-notein{display:block;width:100%;max-width:440px;box-sizing:border-box;margin:12px auto 16px!important;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit;background:var(--card);color:var(--ink)}
.bc-level{display:flex;align-items:center;gap:6px;justify-content:center}
.bc-note{font-style:italic;font-weight:600;color:#374151;font-size:14px;margin-top:2px}
.bc-note[hidden],.bc-ig[hidden]{display:none}
.bc-emo{position:absolute;right:-12px;top:-14px;font-size:28px;line-height:1}
#btConfetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;display:none}
#btConfetti.on{display:block}
:root[data-theme="dark"] .bt{box-shadow:none}
/* Ad zorunlu */
.bt-n0l{display:block;font-weight:800;font-size:15px;margin:0 0 6px;color:var(--ink)}
.bt-name0.bad{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)}
.bt-intro .bt-err{color:#dc2626;font-size:13.5px;font-weight:600;margin:-6px 0 12px!important}
.bt-intro .bt-err[hidden]{display:none}
/* Fotoğraf adımı */
.bt-photostep{text-align:center;padding:10px 0}
.bt-photostep h2{font-size:26px;margin:0 0 8px;color:var(--ink)}
.bt-photostep p{color:var(--ink2);margin:0 auto 22px;max-width:380px}
.bt-bigphoto{display:block;width:150px;height:150px;margin:0 auto 22px;cursor:pointer}
.bt-bigphoto span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px dashed #cbd5e1;background:var(--soft);color:var(--muted);overflow:hidden;transition:border-color .2s,transform .15s}
.bt-bigphoto:active span{transform:scale(.96)}
.bt-bigphoto span img{width:100%;height:100%;object-fit:cover}
.bt-phbtns{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}
label.bt-btn{cursor:pointer}
/* Instagram hikâyesi */
.bt-ig{display:flex;width:100%;max-width:340px;margin:16px auto 0;color:#fff;background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af 80%,#515bd4);font-size:16.5px;padding:14px 18px}
.bt-ighint{font-size:13.5px;color:var(--ink2);margin:8px auto 0;max-width:340px}
.bt-ighint[hidden]{display:none}
/* Sade sonuç ekranı: kart tek başına, ekran görüntüsüne hazır */
.bt-result .bt-hello{font-size:22px;margin:0 0 14px}
.bt-result .bt-card{max-width:380px;min-height:0;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.bt-result .bc-body{padding:18px 18px 16px;gap:2px}
.bc-title{font-size:14px;font-weight:700;color:#6b7280;letter-spacing:.02em}
.bc-who{font-size:26px;font-weight:900;color:#111827;line-height:1.2;margin-top:2px}
.bt-result .bc-score{margin:6px 0 2px}
.bt-result .bc-score b{font-size:84px}
.bt-result .bc-level{font-size:24px}
.bc-desc{color:#4b5563;font-size:14.5px;line-height:1.4;max-width:290px;margin-top:2px}
.bt-result .bc-dots{margin:12px 0 2px}
.bt-result .bt-share{margin:18px 0 6px}
.bt-result .bt-share .bt-btn{min-width:140px}
.bt-more{max-width:440px;margin:10px auto 0;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.bt-more summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.bt-more summary::-webkit-details-marker{display:none}
.bt-more summary::after{content:'›';font-size:22px;line-height:1;color:var(--muted);transition:transform .2s}
.bt-more[open] summary::after{transform:rotate(90deg)}
.bt-more > :not(summary){margin-left:14px;margin-right:14px}
.bt-more .bt-me{margin-top:4px}
.bt-more .bt-mefields input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit;background:var(--card);color:var(--ink)}
.bt-more .bt-notein{margin:12px 14px 14px!important;width:calc(100% - 28px)}
.bt-more .bt-review{margin:4px 14px 14px}
.bt-result .bt-again{margin-top:16px}