/* 09 · Giriş ve ilk kurulum, existing OAuth/session wiring retained. */
.connect-screen.kz-auth,#onboardModal.kz-onboard{background:var(--kz-bg);overflow-y:auto;align-items:flex-start;padding:18px}
.connect-screen.kz-auth.show,#onboardModal.kz-onboard.show{display:flex;justify-content:center}
#onboardModal.kz-onboard{z-index:650}
.connect-screen.kz-auth .cs-modal{width:min(100%,540px);max-width:none;min-height:min(860px,calc(100vh - 36px));border:1px solid var(--kz-line);border-radius:13px;background:linear-gradient(145deg,var(--kz-card),var(--kz-bg));box-shadow:none}
.connect-screen.kz-auth .cs-left{position:relative;display:flex;flex:1;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:22px 29px 0;background:transparent;text-align:center}
.connect-screen.kz-auth .cs-right{display:none}
.kza-top,.kzo-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.kza-brand,.kzo-brand{display:flex;align-items:center;gap:11px;color:var(--kz-text)}.kza-brand strong,.kzo-brand strong{font-size:22px;letter-spacing:-.6px}.connect-screen.kz-auth .cs-logo,.kzo-brand img{width:55px;height:55px;border-radius:13px}
.kza-lang{display:flex;align-items:center;gap:7px;height:40px;padding:0 11px;border:1px solid var(--kz-line);border-radius:7px;color:var(--kz-lilac)}.kza-lang select{appearance:none;border:0;outline:none;background:transparent;color:var(--kz-text);font:12px Inter,system-ui,sans-serif;cursor:pointer}.kza-lang i{font-size:16px}.kza-lang i:last-child{font-size:12px}
.kza-center{display:flex;align-items:center;flex-direction:column;flex:1;margin-top:9px}.kza-hero-logo{width:92px;height:92px;object-fit:contain;margin:0 0 13px}.kza-center h1{margin:0;color:var(--kz-text);font-size:44px;letter-spacing:-1.3px;line-height:1.08}.kza-center>p{margin:6px 0 24px;color:var(--kz-muted);font-size:18px}
.connect-screen.kz-auth #firstRunInfo{width:min(100%,365px);margin:0 0 10px;color:var(--kz-gold);text-align:left}
.kza-buttons{display:flex;flex-direction:column;gap:10px;width:min(100%,365px)}.connect-screen.kz-auth .cs-btn{min-height:54px;padding:0 16px;border-radius:9px;justify-content:flex-start;gap:15px;color:var(--kz-text);font-size:14px;font-weight:700}.connect-screen.kz-auth .cs-btn>i:first-child,.connect-screen.kz-auth .cs-btn>img{width:27px;height:27px;font-size:27px;object-fit:contain}.connect-screen.kz-auth .cs-btn>i:last-child{margin-left:auto;font-size:16px;color:var(--kz-text)}.connect-screen.kz-auth .cs-twitch{border:1px solid #7b45e8;background:linear-gradient(100deg,var(--kz-card-3),var(--kz-card-3))}.connect-screen.kz-auth .cs-kick{border:1px solid var(--kz-line);background:var(--kz-card-2)}.connect-screen.kz-auth .cs-demo{border:1px solid #8e7138;background:var(--kz-card)}.connect-screen.kz-auth .cs-demo>i:first-child{color:var(--kz-gold)}.connect-screen.kz-auth .cs-kick>img{filter:none}
/* E-posta izni: isteğe bağlı onay kutusu (giriş düğmelerinin altında) */
.kza-consent{position:relative;display:flex;align-items:flex-start;gap:11px;width:min(100%,365px);margin-top:14px;text-align:left;cursor:pointer;color:var(--kz-muted);font-size:12.5px;line-height:1.45}
.kza-consent input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kza-box{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--kz-line);border-radius:5px;background:var(--kz-card);transition:background .15s ease,border-color .15s ease}
.kza-consent input:checked+.kza-box{background:var(--kz-gold);border-color:var(--kz-gold)}
.kza-consent input:checked+.kza-box::after{content:"";width:4px;height:9px;margin-top:-2px;border:solid #1a1422;border-width:0 2px 2px 0;transform:rotate(45deg)}
.kza-consent input:focus-visible+.kza-box{outline:2px solid var(--kz-gold);outline-offset:2px}
.kza-consent-t b{display:block;margin-bottom:2px;color:var(--kz-text);font-weight:650}
.kza-consent-t a{position:relative;z-index:1;color:var(--kz-lilac);text-decoration:underline;text-underline-offset:2px}
.kza-consent-t small{display:block;margin-top:2px;font-size:11.5px;opacity:.85}
.kza-benefits{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin-top:34px;padding-bottom:16px}.kza-benefits span{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;border-right:1px solid var(--kz-line);color:var(--kz-muted);font-size:11px;line-height:1.3}.kza-benefits span:last-child{border:0}.kza-benefits i{color:var(--kz-lilac);font-size:23px}
.kza-landscape{position:relative;height:210px;flex:none;margin:0 -29px;background:linear-gradient(180deg,var(--kz-bg) 0%,transparent 26%,rgba(18,14,28,.28) 70%,var(--kz-bg) 100%),url('/kuzgun-welcome-landscape.webp') center 57%/cover no-repeat}.kza-landscape>div{position:absolute;right:25px;bottom:20px;color:var(--kz-text);text-align:right;font-size:13px;line-height:1.3;text-shadow:0 1px 9px #15111c}
.kza-legal{display:flex;align-items:center;justify-content:center;gap:10px;min-height:37px;margin:0 -29px;color:var(--kz-muted);font-size:10px}.kza-legal a{color:inherit;text-decoration:none}.kza-legal a:hover{text-decoration:underline}.kza-legal i{height:14px;width:1px;background:#63546d}
#onboardModal.kz-onboard .ob-card{display:flex;flex-direction:column;width:min(100%,540px);max-width:none;min-height:min(860px,calc(100vh - 36px));padding:22px 22px 20px;border:1px solid var(--kz-line);border-radius:13px;background:linear-gradient(145deg,var(--kz-card),var(--kz-bg));box-shadow:none;text-align:center;animation:none}
.kzo-progress{width:155px;color:var(--kz-text);text-align:right;font-size:13px}.kzo-progress>div{display:flex;gap:5px;margin:9px 0}.kzo-progress>div i{display:block;width:50%;height:9px;border-radius:9px;background:var(--kz-card-3)}.kzo-progress>div i.on{background:#ffd064}.kzo-progress small{display:block;color:var(--kz-muted);font-size:12px;text-align:left}
.kzo-step{display:flex;flex-direction:column;flex:1;margin-top:54px;min-height:0}.kzo-step h2{margin:0;color:var(--kz-text);font-size:30px;line-height:1.15;letter-spacing:-.6px}.kzo-step .lead{margin:5px 0 0;color:var(--kz-muted);font-size:16px;line-height:1.35}
.kzo-monitors{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:36px}.kzo-step .ob-choice{display:flex;align-items:center;flex-direction:column;min-height:318px;padding:33px 14px 18px;border:1px solid var(--kz-line);border-radius:11px;background:linear-gradient(145deg,var(--kz-card),var(--kz-bg));color:var(--kz-text);transform:none}.kzo-step .ob-choice.on{border-color:#f5c64e;box-shadow:inset 0 0 0 1px #f5c64e;background:linear-gradient(145deg,var(--kz-card-2),var(--kz-card))}.kzo-step .ob-choice strong{margin-top:17px;font-size:18px}.kzo-step .ob-choice small{max-width:170px;margin-top:5px;color:var(--kz-muted);font-size:13px;line-height:1.4}.kzo-check{display:grid;place-items:center;width:28px;height:28px;margin-top:auto;border:2px solid #7c6a94;border-radius:50%;color:transparent;font-size:17px;font-weight:800}.ob-choice.on .kzo-check{border-color:#ffd061;background:#ffd061;color:#2b2029}
.kzo-monitor{position:relative;display:block;width:155px;height:110px}.kzo-monitor:before{content:'';position:absolute;left:13px;right:13px;top:0;height:75px;border:5px solid #8759d6;border-radius:5px;background:var(--kz-card);box-shadow:0 0 0 2px #3e3055 inset}.kzo-monitor i,.kzo-monitor b,.kzo-monitor em{position:absolute;display:block;background:var(--kz-card-3);border-radius:3px}.kzo-monitor i{left:25px;top:13px;width:22px;height:44px}.kzo-monitor b{left:57px;top:13px;width:73px;height:44px}.kzo-monitor em{left:70px;top:78px;width:16px;height:23px}.kzo-monitor em:after{content:'';position:absolute;bottom:0;left:-21px;width:58px;height:7px;background:#8658d1;border-radius:3px}.kzo-monitor.two{width:170px}.kzo-monitor.two:before{left:2px;right:auto;width:76px;height:60px}.kzo-monitor.two:after{content:'';position:absolute;right:2px;top:4px;width:76px;height:60px;border:5px solid #8759d6;border-radius:5px;background:var(--kz-card)}.kzo-monitor.two i{left:13px;top:12px;width:16px;height:34px}.kzo-monitor.two b{left:42px;top:12px;width:27px;height:34px}.kzo-monitor.two em{left:80px;top:68px}
.kzo-info{display:flex;align-items:center;gap:14px;min-height:78px;margin-top:30px;padding:13px 18px;border:1px solid var(--kz-line);border-radius:10px;background:var(--kz-card-2);color:var(--kz-text);text-align:left;font-size:14px}.kzo-info i{font-size:24px;color:var(--kz-lilac)}
.kzo-actions{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:26px}.kzo-actions button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 24px;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-card-3);color:var(--kz-text);font:700 13px Inter,system-ui,sans-serif;cursor:pointer}.kzo-actions button.kzo-primary{margin-left:auto;min-width:137px;border-color:#ffd05d;background:linear-gradient(#ffdb70,#f5c24c);color:#1a1422}.kzo-actions i{font-size:17px}
.kzo-sources{display:flex;flex-direction:column;gap:10px;margin-top:21px}.kzo-source{display:flex;align-items:center;gap:15px;width:100%;min-height:68px;padding:10px 15px;border:1px solid var(--kz-line);border-radius:9px;background:linear-gradient(145deg,var(--kz-card-2),var(--kz-card));color:var(--kz-text);text-align:left;font:inherit;cursor:pointer}.kzo-source>i:first-child{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:8px;background:var(--kz-card-2);font-size:28px}.kzo-source>i.twitch{color:var(--kz-lilac)}.kzo-source>i.mint{color:var(--ok)}.kzo-source>i.gold{color:var(--kz-gold)}.kzo-source>i.violet{color:var(--kz-lilac)}.kzo-source span{flex:1;min-width:0}.kzo-source strong,.kzo-source small{display:block}.kzo-source strong{font-size:14px}.kzo-source small{margin-top:2px;color:var(--kz-muted);font-size:11px;line-height:1.25}.kzo-source>b,.kzo-source>button{flex:none;padding:7px 13px;border:1px solid var(--kz-line);border-radius:7px;background:var(--kz-card-3);color:var(--kz-text);font:700 12px Inter,system-ui,sans-serif}.kzo-source>button.connected{border:0;background:transparent;color:var(--ok)}.kzo-source>i:last-child:not(:first-child){font-size:16px;color:var(--kz-lilac)}
.kzo-permissions{margin-top:22px;border:1px solid var(--kz-line);border-radius:10px;background:var(--kz-card-2);text-align:left}.kzo-permissions summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;list-style:none}.kzo-permissions summary::-webkit-details-marker{display:none}.kzo-permissions summary>i:first-child{font-size:31px;color:var(--kz-lilac)}.kzo-permissions summary span{flex:1}.kzo-permissions summary strong,.kzo-permissions summary small{display:block}.kzo-permissions summary strong{font-size:13px}.kzo-permissions summary small{color:var(--kz-muted);font-size:10px}.kzo-permissions summary b{color:var(--kz-lilac);font-size:11px}.kzo-permissions>div{border-top:1px solid var(--kz-line);padding:6px 12px 11px}.kzo-permissions>div span{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1.4fr);gap:5px;align-items:center;padding:5px 0}.kzo-permissions>div i{font-size:17px;color:var(--kz-lilac)}.kzo-permissions>div b{font-size:10px}.kzo-permissions>div small{color:var(--kz-muted);font-size:9px}
@media(max-width:600px){.connect-screen.kz-auth,#onboardModal.kz-onboard{padding:8px}.connect-screen.kz-auth .cs-modal,#onboardModal.kz-onboard .ob-card{min-height:calc(100vh - 16px)}.connect-screen.kz-auth .cs-left{padding:15px 16px 0}.kza-landscape,.kza-legal{margin-left:-16px;margin-right:-16px}.kza-center h1{font-size:35px}.kza-center>p{font-size:14px}.kza-benefits{margin-top:24px}.kza-benefits span{font-size:9px}.kza-landscape{height:175px}#onboardModal.kz-onboard .ob-card{padding:15px}.kzo-step{margin-top:38px}.kzo-step h2{font-size:25px}.kzo-step .lead{font-size:13px}.kzo-monitors{gap:8px;margin-top:22px}.kzo-step .ob-choice{min-height:235px;padding:21px 6px 12px}.kzo-monitor{transform:scale(.72);transform-origin:top center;height:81px}.kzo-step .ob-choice strong{font-size:14px}.kzo-step .ob-choice small{font-size:10px}.kzo-info{margin-top:20px;min-height:65px;font-size:12px}.kzo-source{gap:8px;padding:8px}.kzo-source small{font-size:9px}.kzo-source>b{padding:5px 7px}.kzo-permissions{margin-top:13px}.kzo-permissions summary b{display:none}.kzo-permissions>div span{grid-template-columns:22px 1fr}.kzo-permissions>div small{grid-column:2}.kzo-actions{padding-top:17px}}
@media(max-width:600px){.connect-screen.kz-auth .cs-modal{min-height:0}.connect-screen.kz-auth .kza-center{flex:none}.connect-screen.kz-auth .kza-landscape{margin-top:25px}}
/* 27 Eyl · mockup 09-v2 ölçüleri: yazılar büyütüldü, resmî logolar, ince oklar, dolu mor Twitch düğmesi */
.kza-chev{width:16px;height:16px;flex:none}
.kza-lang .kza-chev{width:13px;height:13px;color:var(--kz-text);pointer-events:none}
.connect-screen.kz-auth .cs-btn>.kza-chev{margin-left:auto;width:17px;height:17px;color:var(--kz-text)}
.connect-screen.kz-auth .cs-btn>.kza-blogo{flex:none;width:28px;height:28px}
.connect-screen.kz-auth .cs-twitch{border-color:#7a45f0;background:linear-gradient(135deg,#7c47f2,#6a36e2);color:#fff;box-shadow:0 8px 22px rgba(122,69,240,.28)}
.connect-screen.kz-auth .cs-twitch>.kza-chev{color:#fff}
.connect-screen.kz-auth .cs-kick>.kza-blogo{color:#53fc18}
.kza-play{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--kz-gold);color:#1a1422}
.kza-play svg{width:11px;height:13px;margin-left:2px}
.kzo-source>.kzo-logo,.kzo-permissions summary>.kzo-logo,.kzo-logo{display:grid;place-items:center;flex:none!important;width:44px;height:44px;border-radius:9px}
.kzo-logo svg{width:32px;height:32px}
.kzo-logo.twitch{color:#9146ff}
.kzo-logo.sl{background:#80f5d2;color:#0e1a18}
.kzo-logo.sl svg{width:28px;height:28px}
.kzo-logo.se i{display:block;width:34px;height:34px;background:linear-gradient(180deg,#ffb347,#ff7a18 45%,#fff 46%);-webkit-mask:url('/kuzgun-logo-streamelements.png') center/contain no-repeat;mask:url('/kuzgun-logo-streamelements.png') center/contain no-repeat}
.kzo-logo.skip{background:var(--kz-card-3);color:var(--kz-lilac)}
.kzo-logo.skip svg{width:24px;height:24px}
.kzo-source>.kza-chev{color:var(--kz-text);opacity:.85}
#obTwitch.connected{display:inline-flex;align-items:center;gap:8px;padding:0 4px;border:0;background:none;color:#43d17a}
#obTwitch.connected i{font-size:20px}
.kzo-permissions summary>.kzo-logo{width:36px;height:36px}
.kzo-permissions summary>.kza-chev{color:var(--kz-lilac)}
.kzo-actions .kza-chev{width:17px;height:17px}
.kzo-actions .kza-blogo{width:22px;height:22px}
@media(min-width:601px){
  .kza-brand strong,.kzo-brand strong{font-size:24px}
  .kza-lang select{font-size:13px}
  .kza-center h1{font-size:47px}
  .kza-center>p{font-size:21px}
  .connect-screen.kz-auth .cs-btn{font-size:16px;font-weight:600}
  .kza-benefits span{font-size:13.5px}
  .kza-benefits i{font-size:26px}
  .kza-landscape>div{font-size:15px}
  .kza-legal{font-size:12px}
  #onboardModal.kz-onboard .kzo-step h2{font-size:33px;letter-spacing:-.6px}
  #onboardModal.kz-onboard .kzo-step .lead{font-size:18px}
  #onboardModal.kz-onboard .kzo-step .ob-choice strong{font-size:19px}
  #onboardModal.kz-onboard .kzo-step .ob-choice small{font-size:14px;max-width:190px}
  #onboardModal.kz-onboard .kzo-info{font-size:15.5px}
  #onboardModal.kz-onboard .kzo-actions button{font-size:14.5px;font-weight:600}
  .kzo-progress span{font-size:15px}
  .kzo-progress small{font-size:14px}
  .kzo-source strong{font-size:15px}
  .kzo-source small{font-size:12.5px}
  .kzo-source>b,.kzo-source>button{font-size:14px;padding:9px 15px}
  .kzo-permissions summary strong{font-size:15px}
  .kzo-permissions summary small{font-size:12px}
  .kzo-permissions summary b{font-size:12.5px}
  .kzo-permissions>div b{font-size:11.5px}
  .kzo-permissions>div small{font-size:11px}
}
@media(min-width:601px){
  #onboardModal.kz-onboard #obStep2{margin-top:26px}
  #onboardModal.kz-onboard #obStep2 .kzo-sources{margin-top:20px}
  #onboardModal.kz-onboard #obStep2 .kzo-permissions{margin-top:14px}
  #onboardModal.kz-onboard #obStep2 .kzo-actions{padding-top:16px}
  #onboardModal.kz-onboard #obStep2 .kzo-back{min-width:186px}
  #onboardModal.kz-onboard #obFinish{min-width:270px}
  #onboardModal.kz-onboard #obStep1 .kzo-actions button{min-width:136px}
}
/* Giriş ve ilk kurulum açıkken telefondaki panel üst çubuğu ve alt menü görünmesin */
body:has(#connectScreen.show) :is(.kzm-top,.kzm-bottom),body:has(#onboardModal.show) :is(.kzm-top,.kzm-bottom){display:none!important}
#onboardModal.kz-onboard .ob-choice.on{background:linear-gradient(160deg,rgba(249,197,68,.09),rgba(249,197,68,.02))}
/* Monitör çizimleri (mockup 09): tek ekran ve yan yana iki ayrı ekran */
.kzo-monitor-art{display:block;width:160px;height:106px;flex:none}
.kzo-monitor-art.two{width:196px}
.ob-choice:not(.on) .kzo-monitor-art{opacity:.92}
@media(max-width:600px){.kzo-monitor-art{width:118px;height:78px}.kzo-monitor-art.two{width:140px}}

/* YouTube ile devam et (Kick'in yanında aynı düz kart) ve küçük demo düğmesi (29 Eyl) */
.connect-screen.kz-auth .cs-youtube{border:1px solid var(--kz-line);background:var(--kz-card-2)}
.connect-screen.kz-auth .cs-youtube>.kza-blogo{color:#ff0033}
.kza-demo{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:6px 12px 6px 6px;border:1px solid transparent;border-radius:99px;background:none;color:var(--kz-muted);font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.kza-demo:hover{border-color:var(--kz-line);color:var(--kz-text)}
.kza-demo .kza-play{width:24px;height:24px}
.kza-demo .kza-play svg{width:9px;height:11px}