:root{--bg:#090b10;--bg2:#0f1219;--card:#141821;--card2:#1a1f2a;--line:#252b38;--line2:#313848;--tx:#eef1f7;--mut:#8a93a8;--acc:#5b8cff;--acc2:#8a5cff;--ok:#2fd39a;--warn:#ffb547;--bad:#ff5d6c;--sh:0 12px 40px rgba(0,0,0,.4);--r:16px}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--bg:#f3f5fa;--bg2:#eceff6;--card:#fff;--card2:#f6f7fb;--line:#e0e4ee;--line2:#cfd5e2;--tx:#121620;--mut:#5d6680;--acc:#3a6cf4;--acc2:#7048f0;--ok:#11a877;--sh:0 10px 30px rgba(20,30,60,.08)}}
*{box-sizing:border-box}html,body{margin:0}
body{background:radial-gradient(1100px 560px at 0% -10%,rgba(91,140,255,.16),transparent 60%),radial-gradient(900px 480px at 110% -5%,rgba(138,92,255,.14),transparent 60%),var(--bg);background-attachment:fixed;color:var(--tx);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}a{color:var(--acc)}
.top{position:sticky;top:0;z-index:40;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}
.top .in{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}
.logo{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:.2px;text-decoration:none;color:var(--tx)}
.logo i{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;font-style:normal;color:#fff;font-size:14px;box-shadow:0 6px 18px rgba(91,140,255,.35)}
.sp{flex:1}
.sel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 10px;cursor:pointer;max-width:150px}
.w{max-width:1200px;margin:0 auto;padding:22px 16px 130px}
h1{font-size:clamp(22px,3.2vw,32px);margin:0;letter-spacing:-.4px;line-height:1.15}h2{font-size:17px;margin:0}h3{font-size:14px;margin:0}
.mut{color:var(--mut)}.sm{font-size:13px}.xs{font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border:0;border-radius:11px;padding:10px 16px;cursor:pointer;font-weight:650;white-space:nowrap;text-decoration:none;transition:transform .08s,filter .15s}
.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}
.gh{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--card2);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:border-color .12s,background .12s}
.gh:hover{border-color:var(--acc)}.gh.on{background:color-mix(in srgb,var(--acc) 20%,var(--card2));border-color:var(--acc)}
.btn:disabled,.gh:disabled{opacity:.45;cursor:default}
.ic{width:34px;height:34px;padding:0;border-radius:9px}
input[type=text],input[type=search],input[type=url]{width:100%;background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:10px 12px;outline:none}
input:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}

/* hero */
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}
.hero .card{position:relative;overflow:hidden}
.hero .main:before{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;background:radial-gradient(closest-side,rgba(138,92,255,.28),transparent);pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:650;background:var(--card2);border:1px solid var(--line)}
.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mut)}
.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.pill.ok:before{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}
.pill.bad{color:var(--bad)}.pill.bad:before{background:var(--bad)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px}
.stat b{display:block;font-size:20px;letter-spacing:-.3px}.stat span{font-size:12px;color:var(--mut)}
.bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--acc))}

/* tabs */
.tabsTop{display:flex;gap:6px;margin:6px 0 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:5px;width:max-content;max-width:100%;overflow:auto}
.tabsTop button{border:0;background:transparent;border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:600;color:var(--mut);white-space:nowrap}
.tabsTop button.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}

/* login */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kv{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.row{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 12px;min-width:0}
.row .k{font-size:12px;color:var(--mut);width:84px;flex:none}
.row .v{flex:1;min-width:0;font:13.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .gh{padding:6px 10px;font-size:13px}
.ttl{display:flex;align-items:center;gap:10px}.ttl .em{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 16%,var(--card2));border:1px solid var(--line);font-size:17px;flex:none}
.badge{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.note{margin-top:10px;font-size:13px;color:var(--mut)}
.help{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}
.help summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-weight:650}.help summary::-webkit-details-marker{display:none}
.help summary:after{content:"▾";margin-left:auto;color:var(--mut);transition:transform .15s}.help[open] summary:after{transform:rotate(180deg)}
.steps{counter-reset:s;margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.steps li{counter-increment:s;display:flex;gap:10px;align-items:flex-start}.steps li:before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
.qr{display:none;margin-top:12px;background:#fff;border-radius:12px;padding:12px;width:max-content}.qr.on{display:block}
.guideCard{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* editor */
.lay{display:grid;grid-template-columns:310px 1fr;gap:16px;align-items:start}
.side{position:sticky;top:70px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 160px);overflow:auto;padding-bottom:4px}
.side .card{padding:14px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card2);border-radius:99px;padding:5px 6px 5px 10px;cursor:pointer;font-size:13px;user-select:none;transition:border-color .12s}
.chip:hover{border-color:var(--line2)}.chip b{font-weight:600}
.chip small{padding:1px 7px;border-radius:99px;background:var(--line);font-size:11.5px;color:var(--mut)}
.chip.on small{background:color-mix(in srgb,var(--ok) 28%,transparent);color:var(--tx)}.chip.part small{background:color-mix(in srgb,var(--warn) 28%,transparent);color:var(--tx)}.chip.off{opacity:.6}
.chip.sel{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 24%,var(--card2));opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 30%,transparent)}.chip.sel b:before{content:"✓ "}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.tools .gh{font-size:13px;padding:7px 8px}.tools .wide{grid-column:1/-1}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tab{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:9px 14px;cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:600}
.tab small{opacity:.75;font-weight:500}.tab.on{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-color:transparent}
.fbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.fbar input{flex:1;min-width:200px}
.packs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.packs .gh{border-radius:99px;padding:5px 12px;font-size:13px}
.list{display:flex;flex-direction:column;gap:6px}
.it{background:var(--card);border:1px solid var(--line);border-radius:12px;transition:border-color .12s}
.it:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line))}
.it .hd{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;cursor:pointer;min-width:0}
.it.off .hd>:not(.sw):not(.acts){opacity:.45}
.it .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.it .nm s{color:var(--mut);font-size:12px;text-decoration:none;margin-left:6px}
.lg{font-size:10.5px;font-weight:700;letter-spacing:.5px;color:var(--mut);background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:2px 6px;min-width:34px;text-align:center;flex:none}
.cnt{font-size:12px;color:var(--mut);min-width:48px;text-align:right;flex:none}
.sw{width:38px;height:22px;border-radius:99px;background:var(--line2);position:relative;flex:none;transition:background .15s}
.sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.it:not(.off) .hd .sw{background:var(--ok)}.it:not(.off) .hd .sw:after{left:19px}
.acts{display:flex;gap:3px;flex:none}.acts button{border:1px solid var(--line);background:var(--card2);border-radius:8px;width:28px;height:28px;cursor:pointer;line-height:1;padding:0;font-size:13px;color:var(--mut)}
.acts button:hover{color:var(--tx);border-color:var(--acc)}.acts .ex.on{color:var(--acc);border-color:var(--acc)}
.body{border-top:1px solid var(--line);padding:10px 12px 12px}
.body .fbar{margin-bottom:8px}
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:5px;max-height:420px;overflow:auto;padding-right:2px}
.item{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:5px 8px;cursor:pointer;font-size:13px;min-width:0}
.item img{width:26px;height:26px;object-fit:contain;border-radius:5px;background:var(--line);flex:none}.item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item input{accent-color:var(--ok);width:16px;height:16px;flex:none}.item.off{opacity:.45}
.empty{padding:36px;text-align:center;color:var(--mut)}
.more{display:block;margin:10px auto 0}
.save{position:fixed;left:0;right:0;bottom:0;z-index:30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.save .in{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;gap:10px;align-items:center}
.dot{width:8px;height:8px;border-radius:50%;background:var(--warn);display:none;flex:none}.dirty .dot{display:block}
.sstat{font-size:13px;color:var(--mut)}.sstat b{color:var(--tx)}
.links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.links .card{padding:14px}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(5,7,12,.66);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:18px}
.modal.on{display:flex}
.modal .box{width:min(1000px,100%);height:min(88vh,900px);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);display:flex;flex-direction:column;overflow:hidden}
.modal .mh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.modal iframe{flex:1;border:0;width:100%;background:#fff}
.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(20px);background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:9px 14px;box-shadow:var(--sh);opacity:0;transition:.2s;z-index:120;pointer-events:none;font-size:14px}
.toast.on{opacity:1;transform:translateX(-50%)}
/* start / missing */
.center{max-width:640px;margin:9vh auto 0;text-align:center}.center .card{margin-top:22px;text-align:left}
.frow{display:flex;gap:8px;margin-top:10px}.msg{min-height:20px;margin-top:10px;color:var(--bad);font-size:14px}
.feat{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.feat span{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13px;color:var(--mut)}
.skel{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--card2),var(--line),var(--card2));background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}
@media(max-width:960px){.lay{grid-template-columns:1fr}.side{position:static;max-height:none}.hero{grid-template-columns:1fr}.grid2,.links{grid-template-columns:1fr}}
@media(max-width:560px){.w{padding:16px 12px 130px}.cnt{display:none}.acts .mv{display:none}.sstat{display:none}.row .k{width:70px}.frow{flex-direction:column}.card{padding:14px}.logo span{display:none}}
.grid2,.links{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.lay{grid-template-columns:310px minmax(0,1fr)}
.grid2>*,.hero>*,.lay>*{min-width:0}
@media(max-width:960px){.grid2,.links,.hero,.lay{grid-template-columns:minmax(0,1fr)}}
a.gh{text-decoration:none}
/* v2: dev düzenleme butonu + panel tarzı liste */
.mega{display:flex;align-items:center;gap:16px;width:100%;margin-top:18px;border:0;border-radius:20px;padding:22px 24px;cursor:pointer;text-align:left;color:#fff;
background:linear-gradient(120deg,#ff4f8b 0%,#8a5cff 45%,#3fb6ff 100%);background-size:180% 180%;animation:mg 8s ease infinite;box-shadow:0 18px 50px rgba(138,92,255,.45),inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .12s}
.mega:hover{transform:translateY(-2px)}.mega:active{transform:scale(.99)}@keyframes mg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.mega .mi{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:28px;flex:none}
.mega .mt{flex:1;display:flex;flex-direction:column;gap:2px}.mega b{font-size:clamp(19px,2.6vw,26px);letter-spacing:-.3px}.mega small{opacity:.92;font-size:14px}
.mega .ma{font-size:22px;transition:transform .2s}.mega.on .ma{transform:rotate(180deg)}
.btn.big{width:100%;padding:14px 18px;font-size:16px;border-radius:13px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.col{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0}
.colh{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px}.colh h3{font-size:15px}
.col .fbar input{min-width:120px}.col .fbar .gh{padding:7px 10px;font-size:13px}
.plist{max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:3px;padding-right:2px}
.prow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px;cursor:pointer;border:1px solid transparent;min-width:0}
.prow:hover{background:var(--card);border-color:var(--line)}.prow.on{background:color-mix(in srgb,var(--ok) 9%,transparent)}
.prow input{width:18px;height:18px;accent-color:var(--ok);flex:none}.prow .no{font-size:12px;color:var(--mut);min-width:26px;text-align:right;flex:none}
.prow .pn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.prow:not(.on) .pn{color:var(--mut)}
.prow .tag{font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:5px;background:var(--line);color:var(--mut);flex:none}
.prow .pc{font-size:12px;color:var(--mut);min-width:40px;text-align:right;flex:none}
.exp .kalan,#exp .kalan{display:block;font-weight:500;letter-spacing:0}
@media(max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}.mega{padding:18px}.mega .mi{width:46px;height:46px;font-size:22px}}
@media(max-width:560px){.prow .pc{display:none}}
/* v3: kayan adımlı rehber */
.wiz{max-width:860px}
.top2{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin:4px 0 18px}
.top2 h1{margin-top:10px}.top2 p{margin:6px 0 0}
.mini{display:flex;gap:8px}.mini .stat{padding:10px 12px;min-width:120px}.mini .stat b{font-size:16px}.mini .stat span{display:block}
.prog{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;scroll-margin-top:70px}
.pst{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:8px 10px;cursor:pointer;color:var(--mut);font-weight:600;min-width:0}
.pst i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--tx);font-size:12px;flex:none}
.pst span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pst.on{border-color:transparent;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff}.pst.on i{background:rgba(255,255,255,.25);color:#fff}
.pst.ok{color:var(--tx)}.pst.ok i{background:var(--ok);color:#06231a}
.vp{overflow:hidden;padding:0;transition:height .35s ease}
.track{display:flex;transition:transform .45s cubic-bezier(.2,.8,.2,1);align-items:flex-start}
.slide{flex:0 0 100%;min-width:0;padding:22px}
.q{font-size:clamp(20px,3vw,26px);letter-spacing:-.3px;margin:0 0 14px}
.devs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dev{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--card2);border-radius:16px;padding:16px;cursor:pointer;transition:transform .1s,border-color .15s,box-shadow .15s;min-width:0}
.dev:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 10px 26px rgba(91,140,255,.18)}.dev.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 14%,var(--card2))}
.dev .di{font-size:30px;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);flex:none}
.dev .dt{display:flex;flex-direction:column;min-width:0}.dev .dt b{font-size:16px}.dev .dt small{color:var(--mut);font-size:12.5px}
.chosen{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--mut);font-size:14px}.chosen span{font-size:20px}.chosen b{color:var(--tx)}
.lnk{background:none;border:0;color:var(--acc);cursor:pointer;padding:0;font-size:13px;text-decoration:underline}
.appname{display:inline-flex;gap:8px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:6px 12px;margin-bottom:12px}.appname b{font-size:15px}
ol.big{margin:0 0 16px;padding:0;list-style:none;counter-reset:b;display:flex;flex-direction:column;gap:10px}
ol.big li{counter-increment:b;display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;flex-wrap:wrap}
ol.big li:before{content:counter(b);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:color-mix(in srgb,var(--acc) 22%,transparent);color:var(--acc)}
.kod{display:inline-block;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font:14px ui-monospace,Menlo,monospace;margin-left:40px}
.creds{display:flex;flex-direction:column;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:12px}
.fld{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 14px;min-width:0}
.fld.dim{opacity:.75}.fk{font-size:12px;color:var(--mut);width:96px;flex:none}
.fv{flex:1;min-width:0;font:600 16px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm2{padding:7px 12px;font-size:13px;border-radius:9px}
details.m3u{margin-top:14px}details.m3u summary{cursor:pointer;color:var(--mut);font-size:14px;margin-bottom:8px}
.party{font-size:54px;line-height:1;margin-bottom:6px}
.slide .help{margin:6px 0 12px;padding:14px}
.nav{display:flex;align-items:center;gap:10px;margin-top:12px}
.nav .btn{padding:12px 22px;font-size:15px}
@media(max-width:720px){.devs{grid-template-columns:repeat(2,minmax(0,1fr))}.top2{align-items:flex-start}.mini{width:100%}.mini .stat{flex:1;min-width:0}.pst span{display:none}.pst{justify-content:center}.slide{padding:16px}}
@media(max-width:420px){.devs{grid-template-columns:minmax(0,1fr)}.fk{width:70px}.fv{font-size:14px}.kod{margin-left:0}}
.fld.yedek{border-style:dashed;opacity:.85}.fld.yedek .fv{font-size:14px;font-weight:500}
ol.big li{flex-wrap:nowrap}ol.big li .kod{display:block;margin:8px 0 0}
ol.big li:has(.kod){flex-wrap:wrap}
.fv{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
@media(max-width:560px){.fld{flex-wrap:wrap;padding:10px}.fk{width:100%}.fv{flex:1 1 100%;font-size:15px}.fld .gh,.fld .btn{flex:1}}
/* v4: gerçek logolar */
.dev .di{background:#fff;border-color:var(--line)}.dev .di svg{width:30px;height:30px}
.dev .di.two{flex-direction:column;gap:3px;padding:6px}.dev .di.two svg{width:38px;height:16px}
.dev .di path[fill="currentColor"]{fill:#000}
.chosen .cl{display:inline-flex;gap:4px;align-items:center;background:#fff;border-radius:8px;padding:3px 6px}.chosen .cl svg{width:20px;height:20px}.chosen .cl svg path[fill="currentColor"]{fill:#000}
.party{color:var(--ok)}.party svg{width:56px;height:56px}
.mega .mi svg{width:30px;height:30px;color:#fff}
.dev .di.two{width:64px;gap:5px}.dev .di.two svg.lg-samsung{width:52px;height:11px}.dev .di.two svg.lg-lg{width:22px;height:22px}
.chosen .cl svg.lg-samsung{width:52px;height:11px}
/* v5: müşteri sorusuz akış */
.dev{position:relative}.dev .bu{position:absolute;top:8px;right:10px;font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}
.phone{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;border:1px dashed var(--line2);border-radius:14px}
.qrbox{background:#fff;padding:6px;border-radius:10px;flex:none;width:104px;height:104px}.qrbox img,.qrbox canvas{display:block;width:92px!important;height:92px!important}
.fld .fv{letter-spacing:.5px}
.plan{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--acc) 12%,var(--card2));border:1px solid var(--line);font-size:14.5px}
.plan.dolu{background:color-mix(in srgb,var(--warn) 16%,var(--card2));border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.probs{font-size:15px;margin:6px 0 8px}
.prob{border:1px solid var(--line);background:var(--card2);border-radius:12px;padding:0 14px;margin-bottom:6px}
.prob summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}.prob summary::-webkit-details-marker{display:none}
.prob summary:after{content:"+";margin-left:auto;color:var(--mut);font-size:18px;line-height:1}.prob[open] summary:after{content:"–"}
.prob p{margin:0 0 12px;color:var(--mut);font-size:14px;line-height:1.5}
.chatrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.mini .stat .renew{display:inline-flex;margin-top:6px}

/* ===================== v6: tipografi + TV ışıması ===================== */
:root{--disp:"Inter Tight",Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--glow1:#3b5bff;--glow2:#a23bff;--glow3:#ff3b8d;--glow4:#00c2ff}
body{font:17px/1.55 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;letter-spacing:-.011em;text-rendering:optimizeLegibility;
background:radial-gradient(900px 520px at 85% -10%,rgba(162,59,255,.28),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(59,91,255,.30),transparent 60%),radial-gradient(800px 500px at 50% 120%,rgba(255,59,141,.16),transparent 60%),#05060b;background-attachment:fixed}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) body{background:radial-gradient(900px 520px at 85% -10%,rgba(162,59,255,.14),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(59,91,255,.14),transparent 60%),#f4f5fb}}
h1,h2,h3,.q,.logo,.mega b,.dev .dt b,.pst,.btn,.fab b{font-family:var(--disp)}
.top2 h1{font-size:clamp(34px,6vw,60px);font-weight:900;letter-spacing:-.045em;line-height:1.02;
background:linear-gradient(92deg,#fff 0%,#dfe4ff 40%,#c9a8ff 75%,#ff9ac6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .top2 h1{background:linear-gradient(92deg,#0b0f1e,#3a2a8a 70%,#a1286a);-webkit-background-clip:text;background-clip:text}}
.top2 p{font-size:clamp(17px,2vw,20px);font-weight:500;color:var(--mut)}
.q{font-size:clamp(26px,4.2vw,40px);font-weight:850;letter-spacing:-.04em;line-height:1.08;margin-bottom:20px}
ol.big li{font-size:clamp(17px,2.1vw,19px);font-weight:500;line-height:1.5}
ol.big li:before{width:32px;height:32px;font-size:14px;font-family:var(--disp);font-weight:800;background:linear-gradient(135deg,var(--glow1),var(--glow2));color:#fff}

/* TV ekranı kartı: koyu cam + kenar ışıması + ince tarama çizgileri */
.vp.card{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:26px;
background:radial-gradient(120% 90% at 0% 0%,rgba(59,91,255,.22),transparent 55%),radial-gradient(120% 90% at 100% 0%,rgba(162,59,255,.20),transparent 55%),radial-gradient(120% 120% at 50% 110%,rgba(255,59,141,.14),transparent 60%),linear-gradient(180deg,#0e1120,#090b14);
box-shadow:0 30px 80px rgba(20,10,60,.55),0 0 0 1px rgba(255,255,255,.03) inset,0 1px 0 rgba(255,255,255,.08) inset}
.vp.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .vp.card{background:radial-gradient(120% 90% at 0% 0%,rgba(59,91,255,.10),transparent 55%),radial-gradient(120% 90% at 100% 0%,rgba(162,59,255,.10),transparent 55%),#fff;box-shadow:0 20px 60px rgba(40,30,120,.12)}}
.slide{padding:clamp(20px,3.5vw,36px)}

/* cihaz kartları: her biri kendi renk ışıması */
.devs{gap:14px}
.dev{border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden;isolation:isolate}
.dev:before{content:"";position:absolute;inset:-40% -30% auto auto;width:220px;height:220px;border-radius:50%;filter:blur(30px);opacity:.55;z-index:-1;background:var(--dg,#3b5bff);transition:opacity .2s,transform .3s}
.dev:hover:before{opacity:.85;transform:scale(1.15)}
.dev:nth-child(1){--dg:#2f5bff}.dev:nth-child(2){--dg:#19c37d}.dev:nth-child(3){--dg:#ff8a00}.dev:nth-child(4){--dg:#8c8cff}.dev:nth-child(5){--dg:#00a2ff}.dev:nth-child(6){--dg:#c13bff}
.dev:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.dev .di{width:60px;height:60px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.dev .di.two{width:72px}
.dev .dt b{font-size:19px;font-weight:800;letter-spacing:-.02em}.dev .dt small{font-size:13.5px}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .dev{background:#fff;border-color:var(--line)}:root:not([data-theme="dark"]) .dev:before{opacity:.22}}

/* adım çubuğu */
.pst{border-radius:14px;padding:11px 12px;font-weight:700;font-size:15px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.pst.on{background:linear-gradient(120deg,var(--glow1),var(--glow2) 60%,var(--glow3));box-shadow:0 10px 30px rgba(120,60,255,.35)}

/* giriş bilgileri: TV ekranı gibi */
.creds{border-radius:20px;padding:14px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(100% 120% at 0% 0%,rgba(0,194,255,.12),transparent 60%),radial-gradient(100% 120% at 100% 100%,rgba(162,59,255,.14),transparent 60%),rgba(0,0,0,.25)}
.fld{border-radius:14px;padding:12px 10px 12px 16px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.fk{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.fv{font:700 clamp(17px,2.2vw,21px)/1.25 "SF Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em}
.btn{border-radius:12px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(120deg,var(--glow1),var(--glow2));box-shadow:0 8px 24px rgba(90,70,255,.3)}
.nav .btn{padding:14px 26px;font-size:17px;border-radius:14px}
.plan{font-size:16px;border-radius:16px;padding:14px 16px;background:linear-gradient(120deg,rgba(59,91,255,.18),rgba(162,59,255,.12));border-color:rgba(255,255,255,.08)}.plan b{display:block;font-family:var(--disp);font-size:18px;margin-bottom:2px}.plan span{color:var(--mut);font-size:15px}
.probs{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:22px 0 10px}
.prob{border-radius:14px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}.prob summary{font-size:16.5px;font-weight:650;padding:15px 0}.prob p{font-size:15.5px}
.party svg{width:72px;height:72px;filter:drop-shadow(0 0 22px rgba(47,211,154,.55))}
.mini .stat{border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08)}.mini .stat b{font-family:var(--disp);font-size:20px;font-weight:800;letter-spacing:-.02em}

/* köşe deneme butonu */
.fab{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;border:0;cursor:pointer;color:#fff;text-align:left;border-radius:18px;padding:12px 16px 12px 12px;
background:linear-gradient(120deg,#ff3b8d,#a23bff 55%,#3b5bff);box-shadow:0 14px 40px rgba(162,59,255,.45);animation:fabIn .5s ease both;max-width:calc(100vw - 32px)}
.fab .fi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}.fab .fi svg{width:22px;height:22px}
.fab .ft{display:flex;flex-direction:column;min-width:0}.fab b{font-size:15.5px;font-weight:800;letter-spacing:-.01em}.fab small{font-size:12.5px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fab.hazir{background:linear-gradient(120deg,#10b981,#06b6d4);box-shadow:0 14px 40px rgba(16,185,129,.5);animation:fabIn .5s ease both,nab 2s ease-in-out infinite}
@keyframes fabIn{from{opacity:0;transform:translateY(20px)}}@keyframes nab{50%{box-shadow:0 14px 50px rgba(16,185,129,.8)}}
@media(max-width:560px){.fab{left:12px;bottom:12px;padding:10px 14px 10px 10px}.fab small{display:none}}
.tbox{height:auto;max-height:90vh;width:min(560px,100%)}.tbody{padding:20px;overflow:auto}.tbody h3{font-size:22px;letter-spacing:-.03em;margin:4px 0 6px}
.tform{display:flex;flex-direction:column;gap:10px;width:100%}.tform input{font-size:16px;padding:13px 14px}.btn.tp{margin-top:10px;background:#00b67a;box-shadow:0 8px 24px rgba(0,182,122,.35)}
.tbody ol.big li>div{flex:1;min-width:0}
.tdurum{display:flex;justify-content:center;margin:10px 0}.spin{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#a23bff;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.wiz{padding-bottom:110px}
.modal .box.tbox{height:auto;max-height:90vh}

/* ===================== v7: ince durum şeridi, küçük köşe butonu, parıltı ===================== */
.strip{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;margin:0 0 14px;padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);
background:linear-gradient(90deg,rgba(59,91,255,.16),rgba(162,59,255,.12) 60%,rgba(255,59,141,.10));backdrop-filter:blur(10px)}
.strip .pill{flex:none}
.strip .si{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.strip .si small{font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.strip .si b{font-family:var(--disp);font-size:16px;font-weight:800;letter-spacing:-.01em}
.strip .si em{font-style:normal;font-size:13px;color:var(--mut)}
.strip .renew{margin-left:auto;padding:7px 14px;font-size:13.5px}
@media(max-width:560px){.strip{gap:6px 14px;padding:10px 12px}.strip .si em{display:none}.strip .renew{margin-left:0}}
.top2{margin-bottom:12px}
.mini{display:none}
/* köşe butonu: küçük */
.fab{padding:8px 12px 8px 8px;border-radius:14px;gap:8px}.fab .fi{width:30px;height:30px;border-radius:9px}.fab .fi svg{width:17px;height:17px}
.fab b{font-size:13px}.fab small{display:none}
@media(max-width:560px){.fab{left:10px;bottom:10px;padding:7px 10px 7px 7px}.fab b{font-size:12.5px}}
/* yedek sunucu bağlantısı */
.ybtn{align-self:flex-start;margin:2px 4px 0;font-size:13.5px;color:var(--mut)}
/* uygulama notu */
.appnote{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:14.5px;color:var(--mut);line-height:1.5}
/* parıltı */
.shine{position:relative;overflow:hidden}
.shine:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:parla 2.8s ease-in-out infinite}
@keyframes parla{0%,55%{left:-60%}100%{left:130%}}
#megaTop{margin:0 0 14px}
.manage{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);
background:linear-gradient(120deg,rgba(255,59,141,.16),rgba(162,59,255,.16) 50%,rgba(59,91,255,.16))}
.manage b{font-family:var(--disp);font-size:20px;font-weight:850;letter-spacing:-.02em}.manage span{color:var(--mut);font-size:15px}
.manage .btn{align-self:flex-start;margin-top:8px;padding:12px 20px;font-size:15.5px;background:linear-gradient(120deg,#ff3b8d,#a23bff 55%,#3b5bff)}
@media (prefers-reduced-motion: reduce){.shine:after,.mega{animation:none}}
.fab{left:auto;right:16px}@media(max-width:560px){.fab{left:auto;right:10px}}.strip .renew{margin-left:auto}
ol.big.devam{counter-reset:b 2;margin-top:16px}
.keyif{font-size:clamp(17px,2.1vw,19px);font-weight:500;margin:0 0 18px;color:var(--mut)}

/* ===================== v8: durum üst menüde, açılır giriş bilgileri ===================== */
.top .in{flex-wrap:wrap;row-gap:8px}
.nav-strip{margin:0 0 0 auto;padding:6px 6px 6px 8px;border-radius:14px;gap:4px 16px;flex-wrap:nowrap;background:rgba(255,255,255,.04)}
.nav-strip .pill{padding:3px 9px}
.nav-strip .si b{font-size:14.5px}.nav-strip .si small{font-size:10.5px}.nav-strip .si em{font-size:12px}
.nav-strip .renew{margin-left:4px;padding:6px 12px;font-size:12.5px}
.top .sp{display:none}
@media(max-width:860px){.nav-strip .si em{display:none}}
@media(max-width:640px){.nav-strip{order:3;width:100%;margin:0;justify-content:space-between;flex-wrap:wrap}.nav-strip .si small{display:none}.top .sel{margin-left:auto}}
.giris{padding:0;margin:0 0 14px;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(120deg,rgba(0,194,255,.10),rgba(162,59,255,.12))}
.giris summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px}.giris summary::-webkit-details-marker{display:none}
.giris .gi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--glow4),var(--glow2));color:#fff;flex:none}.giris .gi svg{width:20px;height:20px}
.giris summary b{font-family:var(--disp);font-size:17px;font-weight:800;letter-spacing:-.01em;flex:1}
.giris .ga{color:var(--mut);transition:transform .2s}.giris[open] .ga{transform:rotate(180deg)}
.giris .gbody{padding:0 14px 14px}

/* v9: giriş bilgileri + içerik düzenleme yan yana tek satır */
.ikili{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 14px;align-items:start}
.ikili.iki{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ikili .giris{margin:0}
.ikili .giris[open]{grid-column:1/-1;order:2}
.etile{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;text-align:left;cursor:pointer;color:var(--tx);font:inherit;
background:linear-gradient(120deg,rgba(255,59,141,.14),rgba(162,59,255,.14))}
.etile:hover,.giris summary:hover{filter:brightness(1.08)}
.gi2{background:linear-gradient(135deg,var(--glow3),var(--glow2))}
.et-t{display:flex;flex-direction:column;flex:1;min-width:0}.et-t b{font-family:var(--disp);font-size:17px;font-weight:800;letter-spacing:-.01em}.et-t small{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etile.acik .ga{transform:rotate(180deg)}
#pCustom>.card:first-child{margin-top:0!important}
@media(max-width:640px){.ikili.iki{grid-template-columns:minmax(0,1fr)}}

/* v10: sade, orantılı üst menü — içerikle aynı genişlik, eşit aralıklar */
body.tv .top{background:color-mix(in srgb,#05060b 72%,transparent);border-bottom:1px solid rgba(255,255,255,.06)}
body.tv .top .in{max-width:860px;height:56px;padding:0 16px;gap:16px;flex-wrap:nowrap}
body.tv .logo{gap:9px;font-size:15px;font-weight:800;letter-spacing:-.01em}
body.tv .logo i{width:28px;height:28px;border-radius:8px;font-size:12px;box-shadow:none}
body.tv .nav-strip{margin-left:auto;padding:0;gap:0;background:none;border:0;border-radius:0;backdrop-filter:none;flex-wrap:nowrap;align-items:center}
body.tv .nav-strip>*{padding:0 12px;position:relative}
body.tv .nav-strip>*+*:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;transform:translateY(-50%);background:rgba(255,255,255,.12)}
body.tv .nav-strip .pill{border:0;background:none;padding:0 12px 0 0;font-size:12.5px}
body.tv .nav-strip .si{gap:6px;align-items:baseline}
body.tv .nav-strip .si small{font-size:10.5px;letter-spacing:.07em}
body.tv .nav-strip .si b{font-size:13.5px;font-weight:700}
body.tv .nav-strip .si em{font-size:12px}
body.tv .nav-strip .renew{margin:0 0 0 12px;padding:6px 12px;font-size:12.5px;border-radius:9px;box-shadow:none}
body.tv .nav-strip .renew:before{display:none}
body.tv .top .sel{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px 8px;font-size:13px;max-width:120px}
@media(max-width:860px){body.tv .nav-strip .si em{display:none}}
@media(max-width:640px){
  body.tv .top .in{height:auto;padding:10px 14px;flex-wrap:wrap;row-gap:8px}
  body.tv .nav-strip{order:3;width:100%;margin:0;justify-content:space-between}
  body.tv .nav-strip>*{padding:0 8px}body.tv .nav-strip .pill{padding-left:0}
  body.tv .nav-strip .si small{display:none}
  body.tv .top .sel{margin-left:auto}
}
body.tv .logo{white-space:nowrap;flex:none}body.tv .logo span{white-space:nowrap}

/* v11: sabit kartlar + altta panel, tümünü kopyala, dil arama, yetişkin anahtarı */
.ikili .giris{order:0!important;grid-column:auto!important}
.gpanel{margin:0 0 14px;padding:14px}
.creds .hepsi{align-self:flex-end;margin-top:2px}
.dilara{display:block;width:100%;max-width:260px;margin:12px 0 2px;padding:8px 12px!important;font-size:14px;border-radius:10px!important}
.adult{display:flex;align-items:center;gap:14px;margin:14px 0 4px;padding:14px 16px;border-radius:14px;cursor:pointer;
border:1px solid rgba(255,59,141,.35);background:linear-gradient(120deg,rgba(255,59,141,.14),rgba(255,59,141,.04))}
.adult .at{flex:1;display:flex;flex-direction:column}.adult b{font-family:var(--disp);font-size:16.5px;font-weight:800;color:#ff8ab8}.adult small{color:var(--mut);font-size:13.5px}
.adult input{position:absolute;opacity:0;pointer-events:none}
.sw2{width:50px;height:28px;border-radius:99px;background:rgba(255,255,255,.15);position:relative;flex:none;transition:background .2s}
.sw2:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.adult input:checked+.sw2{background:#ff3b8d}.adult input:checked+.sw2:after{left:25px}
.adult input:focus-visible+.sw2{outline:2px solid #ff8ab8;outline-offset:2px}
body:has(#sv:not([style*="none"])) .fab{bottom:84px}

/* v12: yorum kartı (yeşil, sade) */
.fb{margin:0 0 16px;padding:16px;border-radius:16px;border:1px solid rgba(47,211,154,.35);background:linear-gradient(135deg,rgba(47,211,154,.13),rgba(47,211,154,.04))}
.fb>b{display:block;font-family:var(--disp);font-size:18px;font-weight:800;letter-spacing:-.02em;color:#7ef0c4}
.fbs{display:block;font-size:14px;color:var(--mut);margin-top:2px}
.fbg{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.stars{display:flex;gap:4px}.stars .st{background:none;border:0;cursor:pointer;font-size:28px;line-height:1;color:rgba(255,255,255,.22);padding:0 2px;transition:transform .1s,color .15s}
.stars .st:hover{transform:scale(1.12)}.stars .st.on{color:#ffc93c}
.fb textarea{width:100%;resize:vertical;min-height:58px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;color:var(--tx);font:inherit;font-size:15px;outline:none}
.fb textarea:focus{border-color:rgba(47,211,154,.6)}
.fbrow{display:flex;align-items:center;gap:10px;justify-content:space-between}.fbrow .msg{margin:0;font-size:13px}
.fbgo{background:linear-gradient(120deg,#10b981,#06b6d4)!important;box-shadow:0 8px 22px rgba(16,185,129,.3)!important}
.fbok{font-size:16px;font-weight:600;color:#7ef0c4}
/* /tv arama */
.findc{display:flex;flex-direction:column;gap:12px}.fl span{display:block;font-size:13px;color:var(--mut);margin-bottom:5px;font-weight:600}
.fline{display:flex;justify-content:flex-start;margin-top:6px;width:100%}
/* v12: üst menü — daha ferah */
body.tv .top .in{max-width:1080px;gap:24px}
body.tv .nav-strip>*{padding:0 16px}
body.tv .nav-strip .si small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}
body.tv .nav-strip .renew{margin-left:16px}
@media(max-width:1000px){body.tv .nav-strip .si em{display:none}body.tv .nav-strip>*{padding:0 12px}}
@media(max-width:760px){body.tv .nav-strip .si:nth-of-type(3){display:none}}
body.tv .top .sel{margin-left:auto}

/* 2 Kas 2026: yedek notu + destek kartı */
.bknote{margin:12px 0 6px;font-size:13px;line-height:1.45;color:var(--mut,#9aa3b2)}
.card.rapor{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.card.rapor .rm{flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}.card.rapor .rm small{font-size:13px;line-height:1.4}

/* v13: açık tema okunurluğu + küçük yorum kartı (2 Kas 2026) */
.fb{margin:0 0 12px;padding:12px 14px;border-radius:14px}
.fb>b{font-size:16px}
.fbs{font-size:13px}
.fbg{margin-top:8px;gap:8px}
.stars .st{font-size:22px}
.fb textarea{min-height:44px;font-size:14px;padding:8px 10px;border-radius:10px}
.fbok{font-size:14.5px}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) body.tv .top{background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}
  :root:not([data-theme="dark"]) body.tv .nav-strip>*+*:before{background:var(--line2)}
  :root:not([data-theme="dark"]) body.tv .top .sel{border-color:var(--line2);color:var(--tx);background:#fff}
  :root:not([data-theme="dark"]) .fb{border-color:rgba(5,150,105,.35);background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(16,185,129,.03))}
  :root:not([data-theme="dark"]) .fb>b,:root:not([data-theme="dark"]) .fbok{color:#047857}
  :root:not([data-theme="dark"]) .stars .st{color:#7d8699}
  :root:not([data-theme="dark"]) .stars .st.on{color:#f5a400}
  :root:not([data-theme="dark"]) .fb textarea{background:#fff;border-color:var(--line2);color:var(--tx)}
  :root:not([data-theme="dark"]) .adult b{color:#be185d}
  :root:not([data-theme="dark"]) .sw2{background:#c5ccd9}
}
.fbgo{background:linear-gradient(120deg,#047857,#0e7490)!important;box-shadow:0 6px 18px rgba(4,120,87,.28)!important}

/* misafir kilitli düzenleyici önizlemesi */
.etile.kilitli .gi2{position:relative}
.etile.kilitli .gi2::after{content:"🔒";position:absolute;right:-6px;bottom:-6px;font-size:12px}
.kilit{position:relative;overflow:hidden;padding:0;min-height:300px;margin:0 0 14px}
.kl-on{padding:18px;display:grid;gap:8px;filter:blur(3px);opacity:.55;pointer-events:none;user-select:none}
.kl-r{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.kl-f{font-size:18px}.kl-a{flex:1;font-weight:600}
.kl-s{width:36px;height:20px;border-radius:20px;background:var(--line2);position:relative}
.kl-s::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--tx);opacity:.7}
.kl-s.on{background:var(--acc)}.kl-s.on::after{left:19px;opacity:1}
.kl-ust{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px;background:linear-gradient(180deg,transparent,var(--card) 55%)}
.kl-ust h3{margin:4px 0 0;font-size:22px}
.kl-ust p{margin:0;max-width:440px;line-height:1.5}
.kl-rozet{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card2);font-size:13px}
.kl-bt{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
@media(max-width:640px){.kilit{min-height:360px}.kl-ust h3{font-size:19px}}

/* 4 Kas 2026: ana / yedek sunucu ayrımı */
.srvhint{display:flex;align-items:center;gap:9px;margin:0 4px 2px;font-size:13px;line-height:1.4;color:var(--ok)}
.sdot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);flex:none}
.srvbk{margin-top:14px;padding:14px;border-radius:16px;border:1px dashed var(--line2);background:color-mix(in srgb,var(--card) 60%,transparent);display:flex;flex-direction:column;gap:10px}
.srvbkH{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.srvbkH b{font-size:15px;color:var(--tx)}
.srvtag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--tx) 9%,transparent);color:var(--tx)}
.srvbkS{margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.srvbk .fld.yedek{opacity:1}
.edwhere{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 9%,var(--card))}
.edwhere .sdot{margin-top:6px}
.ewx{display:flex;flex-direction:column;gap:4px;min-width:0}.ewx b{font-size:15px;color:var(--tx)}.ewx span,.ewx small{font-size:13px;line-height:1.45;color:var(--mut)}
.ewx code{align-self:flex-start;max-width:100%;overflow-wrap:anywhere;font:700 14px/1.3 "SF Mono",ui-monospace,Menlo,Consolas,monospace;color:var(--tx);background:color-mix(in srgb,var(--tx) 8%,transparent);padding:4px 9px;border-radius:8px;margin:2px 0}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .srvhint{color:#034d30;font-weight:600}:root:not([data-theme="dark"]) .srvhint .sdot{background:#078a57}}

/* 4 Kas 2026: boş bırakılan açıklamalar yer kaplamasın */
.top2 p.mut:empty,.et-t small:empty,.appnote:empty,.keyif:empty,.manage span:empty,.card .note:empty,.rapor small:empty,.ewx span:empty{display:none}

/* 4 Kas 2026: dil listesi yükleniyor */
.yuk{display:flex;align-items:center;gap:10px;padding:10px 2px;font-size:14px;color:var(--mut)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--tx) 18%,transparent);border-top-color:var(--acc);animation:yukdon .8s linear infinite;flex:none}
@keyframes yukdon{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.spin{animation-duration:2.4s}}