/* Sunumcu — ortak stil (koyu sahne teması, mobil öncelikli)
   Dokunma hedefleri: .btn 48px · .btn.sm 44px (yoğun sıra) · .btn.lg 60px; komşu boşluk ≥8px.
   Girdiler 16px (iOS otomatik yakınlaştırmayı tetiklemez). Safe-area tek kaynaktan (--sab/--sat). */
:root{
  --bg:#0b1020;--bg2:#121a30;--bg3:#1b2440;--bg4:#26315a;--line:#26325a;
  --fg:#eef1fa;--mut:#a3aecb;--dim:#7d88a8;
  --acc:#ff8a2a;--acc-ink:#1a0d00;--blue:#4c8ffa;--ok:#2fd36f;--bad:#ff5a52;--warn:#ffb020;
  --rad:14px;--pad:16px;--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;
}
@media(min-width:600px){:root{--pad:24px}}@media(min-width:1000px){:root{--pad:32px}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-text-size-adjust:100%}
body{min-height:100dvh;line-height:1.45}a{color:var(--blue)}button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;background:var(--bg3);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:.55em 1em;cursor:pointer;min-height:48px;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .12s,transform .08s;text-decoration:none;line-height:1.2}
.btn:active{background:var(--bg4);transform:scale(.985)}
.btn.acc{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);font-weight:700}
.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.btn.bad{background:#3a1420;border-color:#6b1f33;color:#ffb4ae}.btn.ok{background:#12351f;border-color:#1f6b3a;color:#b9f5cc}
.btn.sm{min-height:44px;padding:.4em .8em;font-size:.92em}.btn.lg{min-height:60px;font-size:1.15em}
.btn.on{outline:2px solid var(--acc);outline-offset:-2px}
.btn.armed{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:700}
.btn[disabled]{opacity:.4;pointer-events:none}
input,select,textarea{font:inherit;font-size:16px;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:.6em .8em;width:100%;min-height:48px}
textarea{min-height:96px;line-height:1.4}
label{display:block;color:var(--mut);font-size:.82em;margin:.7em 0 .3em;letter-spacing:.02em}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:var(--pad);margin:.8em 0}
.row{display:flex;gap:.5em;align-items:center;flex-wrap:wrap}.grow{flex:1}.mut{color:var(--mut)}.dim{color:var(--dim)}.sm{font-size:.88em}.xs{font-size:.78em}
.wrap{max-width:900px;margin:0 auto;padding:var(--pad)}
h1,h2,h3{margin:.3em 0 .5em;font-weight:700;letter-spacing:-.01em;text-wrap:balance}h1{font-size:1.5em}h2{font-size:1.15em}h3{font-size:1em}
.pill{display:inline-flex;align-items:center;gap:.3em;padding:.2em .6em;border-radius:99px;background:var(--bg3);font-size:.78em;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.pill.live{background:#3a1420;color:#ff7b74;font-weight:700}.pill.ok{background:#12351f;color:#7ee2a0}.pill.acc{background:#3d2410;color:var(--acc)}
#sc-toast{position:fixed;left:50%;bottom:calc(var(--toast-b,20px) + var(--sab));transform:translate(-50%,20px);background:#26315a;color:#fff;padding:.65em 1em;border-radius:99px;opacity:0;transition:.2s;z-index:9999;pointer-events:none;font-size:.92em;max-width:90vw;box-shadow:0 8px 24px rgba(0,0,0,.4)}
#sc-toast.on{opacity:1;transform:translate(-50%,0)}
.qr{background:#fff;border-radius:12px;padding:6px;display:inline-block}.qr img{display:block;width:100%;height:auto}
.stage{position:relative;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16/9;width:100%}
.stage iframe{position:absolute;border:0;transform-origin:0 0;background:#000;pointer-events:none}
.chip{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.72em;padding:.25em .55em;border-radius:99px;z-index:3;pointer-events:none;backdrop-filter:blur(4px)}
.hint{color:var(--dim);font-size:.8em;line-height:1.45}
.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.seg button{flex:1;background:none;border:0;color:var(--mut);padding:.5em .2em;font-size:.86em;min-height:48px;cursor:pointer;touch-action:manipulation}
.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--bg4);color:#fff;font-weight:700}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}.tabs::-webkit-scrollbar{display:none}
.tabs .btn{flex:0 0 auto;min-width:88px;min-height:44px;font-size:.9em;white-space:nowrap;padding:.4em .9em;border-radius:99px}
.tabs .btn.on{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);outline:0;font-weight:700}
.bar{margin:.45em 0}.bar .l{display:flex;justify-content:space-between;font-size:.9em;gap:.5em}.bar .t{height:10px;background:var(--bg3);border-radius:99px;overflow:hidden;margin-top:.2em}.bar .f{height:100%;background:var(--acc);border-radius:99px;transition:width .4s}
table{border-collapse:collapse;width:100%;font-size:.9em}th,td{text-align:left;padding:.5em .4em;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mut);font-weight:600;font-size:.8em}
code{background:var(--bg3);padding:.1em .35em;border-radius:6px;font-size:.9em;font-family:var(--mono)}
pre{background:#060912;border:1px solid var(--line);border-radius:10px;padding:.7em;overflow:auto;font:.8em/1.5 var(--mono);white-space:pre-wrap;word-break:break-all}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:flex-end;justify-content:center;z-index:500}.modal.on{display:flex}
.modal .box{background:var(--bg2);border-radius:18px 18px 0 0;padding:var(--pad) var(--pad) calc(var(--pad) + var(--sab));width:100%;max-width:640px;max-height:85dvh;overflow:auto}
@media(min-width:700px){.modal{align-items:center}.modal .box{border-radius:18px}}
.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}
.empty{color:var(--dim);font-size:.9em;padding:.6em 0}