/* AN3 — Analizci (girişsiz döküm okuma). Görünümün TEK kaynağı docs/analizci/prova6.html ("Sahne"): renk,
   yazı tipi (Sora), yarıçap, gölge, degrade vurgu, düğme ve kart biçimleri oradan birebir. MEDUSA tema
   sisteminden bağımsız. Varsayılan tema AÇIK; koyu yalnız sağ üstteki düğmeyle (data-theme="dark", seçim
   localStorage'da); sistem tercihine otomatik uyum YOK.
   Prova'da olmayan iki mecra rengi: Mekanik (--c7) ve Sınıflanmamış (--c8).
   AN5: yıllık döküm bölümleri docs/analizci/prova7.html'den (dönem seçici, yıl içindeki dağıtımlar,
   ilk 3 eserde 12 aylık şerit, eser satırında 12 kare, kaynaklar, roller, eser kartı ve özet görseli pencereleri);
   artış/azalış renkleri --up / --down. AN5b: dağıtım kıyası kartı kaldırıldı; aynı adlı eserde ad yanında eser no (.eno).
   AN5c: rol kartı — iki satırlı rol satırı (.rrow; seçili satır rol renginde hafif zemin, --rc), mecra şeridi
   (.mstrip), halkada seçili dilim kalın/diğerleri soluk, rol sekmeleri (.rtab), ilk 5 eser (.rtw), bilgi kutusu
   (.rbilgi; sakin zemin, uyarı rengi değil). ≤ 860 px'te halka üstte. Kaynak ve rol kartları her zaman alt alta
   (.kartlar.tek): rol satırının ikinci satırı yan yana yarım kartta sığmıyordu. */
:root{
  color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  --font:Sora,-apple-system,system-ui,sans-serif;--r:22px;--r-s:14px;
  --bg:#f4f5fb;--sur:#ffffff;--sur-2:#f0f2fa;--sur-3:#e4e7f4;--line:#e6e8f2;--line-2:#cfd4e8;--ink:#121428;--ink-2:#4f5470;--ink-3:#8b90ad;
  --acc:#6d4df2;--acc-2:#19b6c9;--acc-ink:#fff;--acc-soft:#ece7ff;--warn:#d9731c;--warn-soft:#fdeedd;--up:#11a37f;--down:#e0475f;
  --c1:#6d4df2;--c2:#19b6c9;--c3:#f0527c;--c4:#f4a62a;--c5:#8b90ad;--c6:#c8cbe0;--c7:#3b82f6;--c8:#e2c08d;
  --sh:0 10px 40px rgba(18,20,40,.08);--grad:linear-gradient(120deg,#6d4df2,#19b6c9);--glow:rgba(109,77,242,.35);
  --glow-2:rgba(25,182,201,.3);--glow-3:rgba(240,82,124,.18);--top-bg:rgba(244,245,251,.8)
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b0d1a;--sur:#141733;--sur-2:#1b1f44;--sur-3:#262b57;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);--ink:#f2f3ff;--ink-2:#b5b9d9;--ink-3:#7a7fa8;
  --acc:#9d8bff;--acc-2:#3fd6e8;--acc-ink:#120f33;--acc-soft:#2a2566;--warn:#ffb067;--warn-soft:#3a2a16;--up:#3ddc97;--down:#ff6f89;
  --c1:#9d8bff;--c2:#3fd6e8;--c3:#ff6f99;--c4:#ffc24a;--c5:#7a7fa8;--c6:#3a3f6b;--c7:#6ea8ff;--c8:#8a7550;
  --sh:0 10px 40px rgba(0,0,0,.35);--grad:linear-gradient(120deg,#9d8bff,#3fd6e8);--glow:rgba(157,139,255,.4);
  --glow-2:rgba(63,214,232,.3);--glow-3:rgba(255,111,153,.2);--top-bg:rgba(11,13,26,.8)
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:clip}
button{font:inherit;cursor:pointer;color:inherit}
a{color:var(--acc)}
p,h1,h2,h3{margin:0}
h1,h2,h3{line-height:1.15}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px 120px;overflow-x:clip}   /* ışıklı kutunun hâlesi darda sayfayı kaydırmasın */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* üst şerit + mini özet */
.top{position:sticky;top:0;z-index:50;background:var(--top-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top-in{max-width:1120px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;text-align:left;border-radius:12px;color:inherit;text-decoration:none;flex:none}
.logo{width:34px;height:34px;border-radius:11px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 6px 18px var(--glow);flex:none}
.brand .n{font-weight:700;font-size:17px;letter-spacing:-0.02em;line-height:1.2}
.brand .n small{display:block;font-size:11px;color:var(--ink-3);font-weight:500;letter-spacing:.06em}
.mini{display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s;pointer-events:none;min-width:0}
.mini.on{opacity:1;transform:none;pointer-events:auto}
.mini b{font-weight:700;font-size:16px;white-space:nowrap}
.mini span{color:var(--ink-3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.top-r{display:flex;align-items:center;gap:10px;flex:none}
.steps{display:flex;gap:2px;background:var(--sur-2);padding:4px;border-radius:999px;font-size:13px;color:var(--ink-3);font-weight:500}
.steps button{padding:6px 14px;border-radius:999px;border:none;background:transparent;color:inherit;font-weight:500;cursor:default}
.steps button:not(:disabled){cursor:pointer}
.steps button:not(:disabled):not(.on):hover{background:var(--sur-3);color:var(--ink)}
.steps button.on{color:var(--ink);background:var(--sur);box-shadow:var(--sh);font-weight:600}
.steps button.done{color:var(--acc)}
.steps button.done:disabled{color:var(--ink-3)}
.tema{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--sur);display:grid;place-items:center;flex:none}
.tema:hover{background:var(--sur-2)}
.tema svg{width:16px;height:16px;fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.mini{display:none}}
@media (max-width:620px){.steps button:not(.on):not(:enabled){display:none}.steps button{padding:6px 10px}.brand .n small{display:none}.top-in{padding:10px 16px}}

/* ortak */
.screen{display:none;padding-top:40px}
.screen.on{display:block}
.card{background:var(--sur);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s,opacity .6s ease}
.card.lift:hover{transform:translateY(-2px)}
.card[hidden]{display:none}
.btn{border:none;border-radius:999px;padding:12px 20px;font-weight:600;font-size:14.5px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px var(--glow);transition:transform .15s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px var(--glow)}
.btn:disabled{opacity:.6;cursor:default;transform:none}
.btn.ghost{background:var(--sur-2);color:var(--ink);box-shadow:none}
.btn.ghost:hover{background:var(--sur-3);box-shadow:none}
.btn.sm{padding:8px 14px;font-size:13px}
.btn[hidden]{display:none}
.btn:focus-visible,.donem button:focus-visible,.mo:focus-visible,.st.tik:focus-visible,.kart:focus-visible,.modal .x:focus-visible,.mrow:focus-visible,.wrow:focus-visible,.mdr:focus-visible,.kk .h:focus-visible,.drop:focus-visible,.brand:focus-visible,.steps button:focus-visible,.fab:focus-visible,.tema:focus-visible,.linkbtn:focus-visible,.comp i:focus-visible,.yb:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.muted{color:var(--ink-3);font-size:13px}
.sub{color:var(--ink-2);font-size:17px;margin-top:16px;max-width:54ch}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--acc-soft);color:var(--acc)}
.tag.warn{background:var(--warn-soft);color:var(--warn)}
.tag.dim{background:var(--sur-2);color:var(--ink-2)}
.linkbtn{background:none;border:none;padding:0;color:var(--acc);font:inherit;text-decoration:underline;cursor:pointer}
.err{color:var(--warn);font-size:13px;margin-top:10px;min-height:18px}
input[type=file].gizli{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
/* kaydırınca beliren bölümler (IntersectionObserver; hareket azaltılmışsa hemen görünür) */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.reveal.anlik{transition:none}

/* 1 · Yükle */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;position:relative}
@media (max-width:780px){.hero{grid-template-columns:1fr;gap:32px}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--ink-2);margin-bottom:18px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--sur)}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--grad)}
.hero h1{font-size:clamp(36px,6vw,54px);line-height:1.02;letter-spacing:-0.035em;font-weight:800}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.proms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
@media (max-width:520px){.proms{grid-template-columns:1fr}}
.proms div{font-size:13px;color:var(--ink-2);background:var(--sur);border:1px solid var(--line);padding:14px 16px;border-radius:var(--r-s)}
.proms b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.dropwrap{position:relative}
.dropwrap>*:not(.blob){position:relative;z-index:1}
.blob{position:absolute;inset:-40px;background:radial-gradient(60% 60% at 30% 30%,var(--glow),transparent 70%),radial-gradient(50% 50% at 75% 70%,var(--glow-2),transparent 70%);filter:blur(30px);z-index:0;animation:drift 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(20px,-14px) scale(1.06)}}
.drop{background:var(--sur);border-radius:var(--r);padding:44px 26px;text-align:center;box-shadow:var(--sh);border:1.5px solid transparent;transition:border-color .2s,transform .2s,opacity .2s;cursor:pointer}
.drop:hover,.drop.over{border-color:var(--acc);transform:translateY(-2px)}
.drop.busy{pointer-events:none;opacity:.6}
.drop .ico{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;background:var(--grad);display:grid;place-items:center;box-shadow:0 10px 24px var(--glow)}
.drop .ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.drop .big{font-size:18px;font-weight:700}
.drop .ext{color:var(--ink-3);font-size:13px;margin-top:6px}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--ink-2)}
.consent input{accent-color:var(--acc);width:17px;height:17px;margin-top:2px;flex:none}
.warnmsg{color:var(--warn);font-size:13px;margin-top:8px;min-height:20px}
.peek{margin-top:60px}
.peek .h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.peek .h h2{font-size:22px;font-weight:700;letter-spacing:-0.02em}
.peek .grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}
@media (max-width:780px){.peek .grid{grid-template-columns:1fr}}
.pk{padding:20px}
.pk .l{font-size:11.5px;color:var(--ink-3);font-weight:600;letter-spacing:.06em}
.pk .v{font-size:32px;font-weight:800;letter-spacing:-0.03em;line-height:1.05;margin-top:8px}
.pk .bars{margin-top:14px;display:flex;flex-direction:column;gap:7px}
.pk .bars div{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-2)}
.pk .bars span{width:84px;flex:none}
.pk .bars i{height:6px;border-radius:3px;display:block;width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.peek.in .pk .bars i{width:var(--w)}
.pk .list{margin-top:12px;font-size:13px}
.pk .list div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}

/* 2 · Okuma */
.reading{max-width:520px;margin:30px auto 0;text-align:center}
.reading h2{font-size:22px;font-weight:700}
.ring{width:120px;height:120px;margin:0 auto 20px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:8}
.ring .bg{stroke:var(--sur-3)}
.ring .fg{stroke:url(#halka-degrade);stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3;transition:stroke-dashoffset .6s ease}
.ring .s1{stop-color:var(--acc)}.ring .s2{stop-color:var(--acc-2)}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800}
.checks{text-align:left;margin:22px auto 0;max-width:400px}
.checks div{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);color:var(--ink-3);opacity:.4;transition:opacity .4s,transform .4s;transform:translateX(-6px)}
.checks div.ok{opacity:1;color:var(--ink);transform:none}
.checks i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font-size:12px;font-style:normal;flex:none}
.checks div.ok i{background:var(--grad);border-color:transparent;color:#fff}

/* 3 · Rapor */
.rp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.rp-head .k{color:var(--ink-2);font-size:14px;margin-bottom:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rp-head .k i{width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:inline-block}
.rp-head h1{font-size:34px;font-weight:800;letter-spacing:-0.03em}
.rp-head h1 small{font-size:16px;font-weight:500;color:var(--ink-3);letter-spacing:0;margin-left:10px;white-space:nowrap}
.rp-act{display:flex;gap:8px;flex-wrap:wrap}
.notes-btn{position:relative}
.notes-btn.yeni{animation:nabiz 2s infinite}
.notes-btn.yeni::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--acc);border:2px solid var(--bg)}
@keyframes nabiz{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.notes{display:none;margin-top:14px;background:var(--sur);border:1px solid var(--line);border-radius:var(--r-s);padding:4px 20px}
.notes.on{display:block}
.notes div{padding:12px 0;border-top:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.notes div:first-child{border-top:none}
.notes b{color:var(--ink);font-weight:600}
.notes small{display:block;color:var(--ink-3);font-size:12px;margin-top:2px}

.total{margin-top:22px;display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start;position:relative;overflow:hidden}
@media (max-width:780px){.total{grid-template-columns:1fr}}
/* ışık katmanı mutlak konumlu: ızgara hücresi işgal etmez */
.aurora{position:absolute;inset:-30%;background:radial-gradient(40% 40% at 20% 30%,var(--glow),transparent 70%),radial-gradient(35% 35% at 80% 20%,var(--glow-2),transparent 70%),radial-gradient(30% 30% at 60% 90%,var(--glow-3),transparent 70%);filter:blur(40px);animation:aur 18s ease-in-out infinite alternate;pointer-events:none;opacity:.7}
:root[data-theme="dark"] .aurora{opacity:1}
@keyframes aur{from{transform:rotate(0) scale(1)}to{transform:rotate(8deg) scale(1.08)}}
.total>*:not(.aurora){position:relative;min-width:0}
.total .l{color:var(--ink-2);font-size:14px;font-weight:600}
.total .v{font-size:clamp(40px,8vw,66px);font-weight:800;letter-spacing:-0.045em;line-height:1;margin-top:8px;white-space:nowrap}
.total .v small{font-size:.36em;color:var(--ink-3);margin-left:6px;font-weight:600;letter-spacing:0}
.kes{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px}
.kes[hidden]{display:none}
.kes span{background:var(--sur-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--ink-2);white-space:nowrap}
.kes span b{color:var(--ink);font-weight:600}
.kes .net{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
.kes .net b{color:var(--acc)}
.comp{margin-top:22px;display:flex;height:14px;border-radius:7px;gap:3px;position:relative}
.comp i{display:block;height:100%;width:0;flex:none;border-radius:4px;transition:width 1.1s cubic-bezier(.2,.8,.2,1),transform .15s,filter .15s;position:relative;cursor:pointer}
.comp i:hover,.comp i.hot,.comp i:focus-visible{transform:scaleY(1.35);filter:brightness(1.1)}
.comp i.sel{box-shadow:0 0 0 2px var(--sur),0 0 0 4px currentColor}
.tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);background:var(--ink);color:var(--bg);font-size:12px;font-style:normal;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3}
.comp i .tip{transform:translateX(-50%) translateY(4px) scaleY(.74)}
.comp i.bas .tip{left:0;transform:translateY(4px) scaleY(.74)}
.comp i.son .tip{left:auto;right:0;transform:translateY(4px) scaleY(.74)}
.comp i:hover .tip,.comp i.hot .tip,.comp i:focus-visible .tip{opacity:1}
.leg{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--ink-2)}
.leg span{display:inline-flex;align-items:center;gap:6px}
.leg i{width:8px;height:8px;border-radius:2px}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpis div{background:color-mix(in srgb,var(--sur) 55%,var(--sur-2));border-radius:var(--r-s);padding:14px 16px;border:1px solid var(--line)}
.kpis b{display:block;font-size:30px;font-weight:800;letter-spacing:-0.03em;line-height:1}
.kpis span{display:block;color:var(--ink-2);font-size:12.5px;margin-top:5px;line-height:1.35}
.kpis div.hi b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.insight{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:28px;flex-wrap:wrap;font-size:14px;color:var(--ink-2)}
.insight:empty{display:none}
.insight div{max-width:280px}
.insight b{color:var(--ink);font-weight:600}

/* ilk 3 eser sahnesi */
.stage{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stage[hidden]{display:none}
.stage.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.stage.n1{grid-template-columns:minmax(0,1fr)}
@media (max-width:780px){.stage,.stage.n2{grid-template-columns:minmax(0,1fr)}}
.st{padding:20px;position:relative;overflow:hidden}
.st .rk{position:absolute;right:16px;top:12px;font-size:56px;font-weight:800;letter-spacing:-0.05em;color:var(--sur-3);line-height:1}
.st>*:not(.rk){position:relative}
.st .l{font-size:11.5px;color:var(--ink-3);font-weight:600;letter-spacing:.06em}
.st .nm{font-size:18px;font-weight:700;margin-top:6px;letter-spacing:-0.01em;padding-right:44px;overflow-wrap:anywhere}
.st .v{font-size:26px;font-weight:800;letter-spacing:-0.03em;margin-top:8px}
.st .v small{font-size:13px;color:var(--ink-3);font-weight:500;margin-left:6px}
.st .bar{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden;margin-top:14px;background:var(--sur-3)}
.st .bar i{display:block;height:100%}
.st .mm{display:flex;gap:4px 10px;margin-top:8px;font-size:12px;color:var(--ink-3);flex-wrap:wrap}

.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}
@media (max-width:780px){.grid2{grid-template-columns:1fr}}
.grid2>*{min-width:0}
.col2{display:flex;flex-direction:column;gap:16px}
.col2 .idc{flex:1}
.card h2{font-size:20px;font-weight:700;letter-spacing:-0.02em}
/* mecra kırılımı */
.mlist{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.mrow{display:block;width:100%;background:transparent;border:none;text-align:left;padding:12px 10px;border-radius:var(--r-s);transition:background .15s,opacity .2s}
.mrow:hover,.mrow.hot,.mrow.sel{background:var(--sur-2)}
.mrow.dim{opacity:.35}
.mrow .l1{display:flex;align-items:baseline;gap:10px;min-width:0}
.mrow .dot{width:10px;height:10px;border-radius:50%;flex:none;align-self:center;box-shadow:0 0 10px currentColor}
.mrow .nm{font-weight:600;font-size:15px;flex:1;min-width:0}
.mrow .nm small{display:block;color:var(--ink-3);font-weight:400;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow .am{font-weight:600;font-size:15px;white-space:nowrap}
.mrow .pc{color:var(--ink-3);font-size:13px;width:40px;text-align:right;flex:none}
.mrow .bar{height:8px;border-radius:4px;background:var(--sur-3);overflow:hidden;margin:8px 0 0 20px}
.mrow .bar i{display:block;height:100%;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px currentColor}
.reveal.in .mrow .bar i{width:var(--w)}
.yd{margin-top:12px;font-size:12.5px;color:var(--ink-3);padding:0 10px}
/* lisans yılı kartı */
.years .h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.ybars{display:flex;gap:10px;align-items:stretch;height:136px;margin-top:16px}
.yb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;cursor:pointer;border-radius:8px}
.yb .bw{flex:1;position:relative;display:flex;align-items:flex-end}
.yb i{width:100%;border-radius:8px 8px 3px 3px;background:var(--grad);opacity:.55;transition:opacity .2s,height 1s cubic-bezier(.2,.8,.2,1);height:0;display:block}
.years.in .yb i{height:var(--h)}
.yb:hover i,.yb:focus-visible i{opacity:1}
.yb.ara i{opacity:.28}
.yb.ara:hover i,.yb.ara:focus-visible i{opacity:.6}
.yb.ara>span{font-style:italic}
.yb.grp i{background:repeating-linear-gradient(45deg,var(--c6),var(--c6) 5px,var(--sur-3) 5px,var(--sur-3) 10px);opacity:1}
.yb>span small{display:block;font-size:10.5px}
.yb.ara>span,.yb.grp>span{font-size:11px;overflow-wrap:anywhere}
.yb>span{font-size:12px;color:var(--ink-3);text-align:center;line-height:1.2;min-height:2.4em}
.yb .tip{bottom:calc(var(--h) + 8px)}
.yb:first-child .tip{left:0;transform:translateY(4px)}
.yb:last-child .tip{left:auto;right:0;transform:translateY(4px)}
.yb:hover .tip,.yb:focus-visible .tip{opacity:1;transform:translateX(-50%)}
.yb:first-child:hover .tip,.yb:first-child:focus-visible .tip,.yb:last-child:hover .tip,.yb:last-child:focus-visible .tip{transform:none}
/* bu dağıtımda */
.idc h2{display:flex;justify-content:space-between;align-items:center;gap:10px}
.idgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.idgrid div{background:var(--sur-2);border-radius:var(--r-s);padding:16px;min-width:0}
.idgrid b{display:block;font-size:30px;font-weight:800;letter-spacing:-0.03em;line-height:1}
.idgrid span{display:block;color:var(--ink-2);font-size:12.5px;margin-top:6px;line-height:1.35}
.idgrid .meter{display:flex;gap:3px;margin-top:10px;padding:0;background:none}
.idgrid .meter i{flex:1;height:6px;border-radius:3px;background:var(--sur-3)}
.idgrid .meter i.on{background:var(--grad)}
.did{margin-top:16px;font-size:13.5px;color:var(--ink-2)}
.did[hidden]{display:none}
.did b{display:block;color:var(--ink);font-weight:600;margin-bottom:6px}
.did div{display:flex;gap:9px;padding:5px 0;align-items:flex-start}
.did svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:var(--acc);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* eserler — eser, mecra ve kaynak satırları grid-template-rows geçişiyle kayarak açılır */
.works{margin-top:16px;padding:0;overflow:hidden}
.wh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 26px 10px;flex-wrap:wrap}
.wh .f{font-size:13px;color:var(--ink-3);margin-top:2px}
.wh .f b{color:var(--acc);font-weight:600;cursor:pointer}
.wh-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.w{border-top:1px solid var(--line)}
.wl{display:flex;align-items:center;gap:6px}
.wl>.wrow{flex:1;min-width:0}
.wl:hover{background:var(--sur-2)}
.wl>.wrow:hover{background:transparent}
.wl>.kart{flex:none;margin-right:20px;border:1px solid var(--line);background:var(--sur);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--acc)}
.wl>.kart:hover{background:var(--sur-2)}
.wrow .ms{display:grid;grid-template-columns:repeat(var(--n,12),9px);gap:2px;flex:none}
.wrow .ms i{height:14px;border-radius:2px;background:var(--sur-3)}
.wrow .ms i.on{background:var(--acc)}
.wrow .ms i.sel{outline:2px solid var(--acc);outline-offset:1px}
.wrow{display:block;width:100%;background:transparent;border:none;text-align:left;padding:14px 26px;transition:background .15s}
.wrow:hover{background:var(--sur-2)}
.wrow .l1{display:flex;align-items:center;gap:14px;min-width:0}
.wrow .rk{color:var(--ink-3);font-size:13px;width:22px;flex:none}
.wrow .nm{font-size:15.5px;font-weight:600;flex:1;min-width:0;overflow-wrap:anywhere}
.wrow .nm small{display:block;color:var(--ink-3);font-size:12px;font-weight:400}
.wrow .pc{color:var(--ink-3);font-size:13px;width:60px;text-align:right;flex:none}
.wrow .am{font-weight:600;font-size:15.5px;width:130px;text-align:right;white-space:nowrap;flex:none}
.wrow .ch,.mdr .ch,.kk .ch{color:var(--ink-3);font-size:11px;width:16px;text-align:center;transition:transform .3s;flex:none}
.w.open>.wrow .ch,.w.open>.wl>.wrow .ch{transform:rotate(180deg)}
.wrow .bar{height:6px;border-radius:3px;background:var(--sur-3);overflow:hidden;display:flex;gap:1px;margin:8px 0 0 36px;width:calc(100% - 36px - 240px)}
.wrow .bar i{display:block;height:100%;transition:opacity .2s}
.hl .wrow .bar i{opacity:.18}
.hl .wrow .bar i.keep{opacity:1}
.lv2{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;background:var(--sur-2)}
.lv2>div{overflow:hidden;min-height:0;padding:0 26px 0 62px;transition:padding .35s ease}
.w.open>.lv2{grid-template-rows:1fr}
.w.open>.lv2>div{padding:8px 26px 14px 62px}
.mdr{display:block;width:100%;background:transparent;border:none;text-align:left;padding:10px 12px;border-radius:10px}
.mdr:hover{background:var(--sur-3)}
.mdr .l1{display:flex;align-items:center;gap:10px;font-size:14px;min-width:0}
.mdr .dot{width:8px;height:8px;border-radius:50%;flex:none}
.mdr .nm{flex:1;font-weight:600;min-width:0}
.mdr .nm small{color:var(--ink-3);font-weight:400;font-size:12px;margin-left:6px}
.mdr .am{font-weight:600;width:120px;text-align:right;white-space:nowrap;flex:none}
.mdr .pc{color:var(--ink-3);font-size:12.5px;width:44px;text-align:right;flex:none}
.m2.open>.mdr .ch{transform:rotate(180deg)}
.lv3{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.lv3>div{overflow:hidden;min-height:0;padding:0 12px 0 30px;transition:padding .3s ease}
.m2.open>.lv3{grid-template-rows:1fr}
.m2.open>.lv3>div{padding:4px 12px 10px 30px;overflow-x:auto}
.lv3 table,.ekd table{width:100%;border-collapse:collapse;font-size:13px}
.lv3 th,.ekd th{text-align:left;color:var(--ink-3);font-weight:500;font-size:11.5px;padding:6px 0;border-bottom:1px solid var(--line)}
.lv3 td,.ekd td{padding:7px 0;border-bottom:1px solid var(--line)}
.lv3 td:first-child,.ekd td:first-child{overflow-wrap:anywhere;padding-right:10px}
.lv3 td.r,.lv3 th.r,.ekd td.r,.ekd th.r{text-align:right;white-space:nowrap;padding-left:10px}
.lv3 .src,.ekd .src{color:var(--ink-3)}
.lv3 .sum,.ekd .sum{padding-top:8px;font-size:12px;color:var(--ink-3)}
.m2.open tr,.ekd.open tr{animation:rowin .35s both}
/* AN3b: Ek dağıtımlar satırı — sıra numarasız, sıralamaya girmez */
.w.ekd{border-top:1px dashed var(--line);background:var(--sur-2)}
.ekd>.wrow .nm{color:var(--ink-2)}
.works .bos{padding:16px 26px;border-top:1px solid var(--line);font-size:13.5px}
@keyframes rowin{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@media (max-width:760px){.wrow .ms{display:none}}
@media (max-width:640px){.wl>.kart{margin-right:12px;padding:4px 9px;font-size:11.5px}.wrow .pc,.mdr .pc{display:none}.wrow .am{width:auto}.wrow .bar{width:calc(100% - 36px)}.wrow{padding:14px 18px}.lv2>div,.w.open>.lv2>div{padding-left:18px;padding-right:18px}.mdr .am{width:auto}.lv3>div,.m2.open>.lv3>div{padding-left:8px;padding-right:4px}}
.more{padding:14px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--sur-2);font-size:13.5px;color:var(--ink-2)}

/* AN5 · dönem seçici */
.donem{margin-top:18px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;background:var(--sur);border:1px solid var(--line);border-radius:22px;padding:5px;width:max-content;max-width:100%;box-shadow:var(--sh)}
.donem[hidden],.donem-not[hidden]{display:none}
.donem button{border:none;background:transparent;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.donem button:hover{background:var(--sur-2)}
.donem button.on{background:var(--grad);color:#fff;box-shadow:0 6px 16px var(--glow)}
.donem .sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}
.donem-not{font-size:12.5px;color:var(--ink-3);margin-top:8px}

/* AN5b: "Dağıtımları karşılaştır" kartı kaldırıldı; artış/azalış renkleri öngörü cümlelerinde kalır */
.ritim[hidden],.kartlar[hidden]{display:none}
.up{color:var(--up)}.down{color:var(--down)}
/* AN5b · aynı adlı farklı eserde adın yanında eser no */
.eno{font-size:.78em;font-weight:500;color:var(--ink-3);white-space:nowrap}

/* AN5 · yıl içindeki dağıtımlar */
.ritim{margin-top:16px}
.ritim .h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.months{display:grid;grid-template-columns:repeat(var(--n,12),minmax(0,1fr));gap:10px;align-items:end;height:220px;margin-top:22px;padding-top:24px}
@media (max-width:620px){.months{gap:4px;height:180px}}
.mo{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:100%;position:relative;min-width:0;border:none;background:none;padding:0;font:inherit;color:inherit}
.mo.var{cursor:pointer}
.mo .stack{display:flex;flex-direction:column-reverse;border-radius:10px 10px 4px 4px;overflow:hidden;transition:transform .2s,box-shadow .2s,opacity .2s,height .8s cubic-bezier(.2,.8,.2,1);height:0}
.mo .stack i{display:block;width:100%}
.mo.var:hover .stack,.mo.var:focus-visible .stack{transform:translateY(-3px);box-shadow:0 10px 24px var(--glow)}
.mo.bos .stack{background:repeating-linear-gradient(45deg,var(--sur-2),var(--sur-2) 4px,transparent 4px,transparent 8px);border:1px dashed var(--line-2);height:14px}
.mo .lab{text-align:center;font-size:12px;color:var(--ink-3);margin-top:8px;font-weight:600;white-space:nowrap}
.mo .amt{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:var(--ink-2);white-space:nowrap;font-weight:600}
.mo.on .lab{color:var(--acc)}
.mo.dim .stack{opacity:.3}
.mo .tip{bottom:calc(100% + 8px);line-height:1.45;z-index:5}
.mo:first-child .tip,.mo:nth-child(2) .tip{left:0;transform:translateY(4px)}
.mo:last-child .tip,.mo:nth-last-child(2) .tip{left:auto;right:0;transform:translateY(4px)}
.mo.var:hover .tip,.mo.var:focus-visible .tip{opacity:1;transform:translateX(-50%)}
.mo.var:first-child:hover .tip,.mo.var:nth-child(2):hover .tip,.mo.var:last-child:hover .tip,.mo.var:nth-last-child(2):hover .tip,.mo.var:first-child:focus-visible .tip,.mo.var:nth-child(2):focus-visible .tip,.mo.var:last-child:focus-visible .tip,.mo.var:nth-last-child(2):focus-visible .tip{transform:none}
@media (max-width:620px){.mo .amt{display:none}.mo .lab{font-size:10.5px}}
.ritim .foot2{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--ink-2)}
.ritim .foot2 b{color:var(--ink)}
.leg .bos{background:var(--sur-3);border:1px dashed var(--line-2)}

/* AN5 · ilk 3 eserde 12 aylık şerit */
.st.tik{cursor:pointer}
.st .strip{display:grid;grid-template-columns:repeat(var(--n,12),minmax(0,1fr));gap:3px;margin-top:14px}
.st .strip i{height:16px;border-radius:3px;background:var(--sur-3)}
.st .strip i.on{background:var(--acc)}
.st .strip i.sel{outline:2px solid var(--acc);outline-offset:1px}

/* AN5 · kaynaklar ve roller */
.kartlar{margin-top:16px}
.kartlar.tek{grid-template-columns:1fr}
.src{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.src:first-child{border-top:none}
.src .rk{width:22px;color:var(--ink-3);font-size:13px;font-weight:600;flex:none}
.src .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}
.src .n{flex:1;min-width:0}
.src .n b{display:block;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.src .n small{color:var(--ink-3);font-size:12px}
.src .bar{width:120px;height:7px;border-radius:4px;background:var(--sur-3);overflow:hidden;flex:none}
.src .bar i{display:block;height:100%}
.src .a{font-weight:600;width:110px;text-align:right;white-space:nowrap;flex:none}
@media (max-width:520px){.src .bar{display:none}.src .a{width:auto}}
.roles{display:flex;gap:28px;align-items:center;margin-top:16px}
.donut{width:150px;height:150px;flex:none;position:relative}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut .dilim{cursor:pointer;transition:opacity .2s,stroke-width .2s}
.donut .dilim.dim{opacity:.32}
.donut .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;padding:0 26px}
.donut .c b{display:block;font-size:20px;font-weight:800}
.donut .c span{font-size:11.5px;color:var(--ink-3);display:block;line-height:1.25}
.rlist{flex:1;min-width:0}
.rrow{padding:8px 10px;border-radius:12px;cursor:pointer;transition:background .2s}
.rrow+.rrow{margin-top:2px}
.rrow:hover{background:var(--sur-2)}
.rrow.on{background:var(--sur-2);background:color-mix(in srgb,var(--rc) 13%,transparent)}
.rrow:focus-visible,.rtab:focus-visible,.rtw:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.rrow .l1{display:flex;align-items:center;gap:10px;font-size:14px}
.rrow .l1 i{width:10px;height:10px;border-radius:3px;flex:none}
.rrow .l1 .ad{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrow .l1 small{color:var(--ink-3);font-weight:500}
.rrow .l1 b{font-weight:600;white-space:nowrap}
.rrow .l2{display:flex;align-items:center;gap:10px;padding-left:20px;margin-top:3px;font-size:12px;color:var(--ink-3)}
.rrow .l2 span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mstrip{display:flex;width:120px;max-width:40%;height:5px;border-radius:3px;overflow:hidden;background:var(--sur-3);flex:none;gap:1px}
.mstrip i{display:block;height:100%}
.rol-alt{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.rol-alt h3{margin:0;font-size:15px;font-weight:700}
.rtabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 6px}
.rtab{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--sur);border-radius:999px;padding:4px 11px;font-size:12.5px;color:var(--ink-2);max-width:100%}
.rtab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtab i{width:8px;height:8px;border-radius:50%;flex:none}
.rtab:hover{background:var(--sur-2)}
.rtab.on{background:var(--acc-soft);border-color:var(--acc);color:var(--ink);font-weight:600}
.rtw{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.rtw:first-child{border-top:none}
.rtw.tik{cursor:pointer}
.rtw.tik:hover .n b{color:var(--acc)}
.rtw .rk{width:22px;color:var(--ink-3);font-size:13px;font-weight:600;flex:none}
.rtw .n{flex:1;min-width:0}
.rtw .n b{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtw .n small{color:var(--ink-3);font-size:11.5px}
.rtw .bar{width:min(280px,28%);height:7px;border-radius:4px;background:var(--sur-3);overflow:hidden;flex:none}
.rtw .bar i{display:block;height:100%}
.rtw .a{font-weight:600;width:104px;text-align:right;white-space:nowrap;flex:none}
.rbilgi{margin-top:16px;background:var(--sur-2);border-radius:var(--r-s);padding:13px 15px;font-size:13px;color:var(--ink-2)}
.rbilgi[hidden]{display:none}
.rbilgi p{margin:0}
.rbilgi p+p,.rbilgi .haplar+p{margin-top:8px}
.rbilgi b{color:var(--ink)}
.haplar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.hap{background:var(--sur);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--ink);white-space:nowrap}
@media (max-width:860px){.roles{flex-direction:column;align-items:stretch}.donut{align-self:center}}
@media (max-width:520px){.rtw .bar{display:none}.rtw .a{width:auto}.mstrip{width:80px}}

/* AN5 · eser kartı ve özet görseli pencereleri */
.modal{border:none;background:var(--sur);color:var(--ink);border-radius:var(--r);width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.3);padding:28px;font-family:var(--font)}
.modal::backdrop{background:rgba(10,12,30,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal .x{position:absolute;right:16px;top:14px;border:none;background:var(--sur-2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.modal .x svg{width:16px;height:16px;fill:none;stroke:var(--ink-2);stroke-width:2.2;stroke-linecap:round}
.modal h2{font-size:24px;font-weight:800;letter-spacing:-0.02em;padding-right:40px;overflow-wrap:anywhere}
.ek .meta{color:var(--ink-3);font-size:13px;margin-top:4px}
.ek .big{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}
.ek .big div b{display:block;font-size:28px;font-weight:800;letter-spacing:-0.03em}
.ek .big div span{font-size:12.5px;color:var(--ink-2)}
.ek .sec{margin-top:22px}
.ek .sec h3{font-size:14px;font-weight:700;margin-bottom:10px}
.ek .mbar{display:grid;grid-template-columns:repeat(var(--n,12),minmax(0,1fr));gap:6px;align-items:end;height:110px}
.ek .mbar div{display:flex;flex-direction:column;justify-content:flex-end;height:100%;align-items:center;gap:4px;min-width:0}
.ek .mbar i{width:100%;border-radius:6px 6px 2px 2px;background:var(--grad)}
.ek .mbar i.yok{background:var(--sur-3)}
.ek .mbar span{font-size:11px;color:var(--ink-3)}
.ek .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
@media (max-width:620px){.ek .two{grid-template-columns:minmax(0,1fr)}.modal{padding:22px 18px}}
.ek .li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}
.ek .li span{min-width:0;overflow-wrap:anywhere}
.ek .li b{white-space:nowrap}
.share canvas{display:block;width:min(420px,100%);height:auto;aspect-ratio:1/1;margin:18px auto 0;border-radius:24px;box-shadow:0 20px 50px var(--glow)}
.share .opts{display:flex;gap:16px;justify-content:center;margin-top:16px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}
.share .opts label{display:flex;gap:6px;align-items:center}
.share .opts input{accent-color:var(--acc);width:17px;height:17px}
.share .sb{display:flex;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}

/* kontrol kayıtları */
.kontrol{margin-top:16px}
.kontrol h2{display:flex;align-items:center;gap:12px}
.pill{background:var(--warn);color:#fff;border-radius:999px;font-size:14px;padding:1px 10px;font-weight:600}
:root[data-theme="dark"] .pill{color:#1b1206}
.kontrol .intro{color:var(--ink-3);font-size:13px;margin-top:8px;max-width:70ch}
.kk{margin-top:10px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--sur);overflow:hidden;transition:border-color .2s}
.kk.open{border-color:var(--warn)}
.kk[hidden]{display:none}
.kk .h{display:flex;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}
.kk .h:hover{background:var(--sur-2)}
.kk .t{flex:1;font-size:14.5px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.kk .t small{display:block;color:var(--ink-3);font-size:12px;font-weight:400}
.kk .cf{display:flex;gap:2px;width:44px;flex:none}
.kk .cf i{flex:1;height:5px;border-radius:3px;background:var(--sur-3)}
.kk .cf i.on{background:var(--warn)}
.kk.open .ch{transform:rotate(180deg)}
.kk .b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.kk .b>div{overflow:hidden;min-height:0;padding:0 16px;font-size:14px;color:var(--ink-2);transition:padding .35s ease}
.kk.open .b{grid-template-rows:1fr}
.kk.open .b>div{padding:0 16px 16px}
.kk .b b{color:var(--ink);font-weight:600}
.kk .gv{font-size:12px;color:var(--ink-3);margin-bottom:6px}
.kk .evid{margin-top:8px;border-left:3px solid var(--warn);padding:8px 12px;background:var(--warn-soft);font-size:13px;border-radius:0 8px 8px 0;overflow-wrap:anywhere}
.kk .q{margin-top:10px;padding:10px 12px;border:1px dashed var(--line-2);font-size:13px;position:relative;border-radius:8px}
.kk .q .txt{filter:blur(5px);user-select:none}
.kk .q .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--acc);font-weight:600}
.kk .more-k,.more-k{margin-top:10px;font-size:13px;color:var(--ink-3)}
.k-more{margin-top:12px}

.cta{margin-top:24px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--grad);color:#fff;border-radius:var(--r);box-shadow:0 16px 40px var(--glow)}
.cta .t{font-weight:800;font-size:21px;letter-spacing:-0.02em}
.cta .s{opacity:.85;font-size:14px;margin-top:4px;max-width:62ch}
.cta .btn{background:#fff;color:#121428;box-shadow:none}
.cta .btn.ghost{background:rgba(255,255,255,.18);color:#fff}
.cta .btn.ghost:hover{background:rgba(255,255,255,.26)}
.cta-b{display:flex;gap:8px;flex-wrap:wrap}
.fab{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:30}
.fab[hidden]{display:none}

/* 5 · PDF önizleme (kâğıt her temada açık) */
.pv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.pv-head h1{font-size:28px;margin-top:4px;font-weight:800;letter-spacing:-0.03em}
.pv-head .sub{margin-top:8px;font-size:15px}
.pv-wrap{display:grid;grid-template-columns:1fr 260px;gap:24px;margin-top:24px;align-items:start}
@media (max-width:860px){.pv-wrap{grid-template-columns:1fr}}
.pv-wrap>*{min-width:0}
.page{background:#fff;color:#121428;border:1px solid var(--line);box-shadow:var(--sh);border-radius:10px;aspect-ratio:1/1.3;overflow:hidden;position:relative}
.page .band{background:linear-gradient(120deg,#6d4df2,#19b6c9);color:#fff;margin:18px 22px 0;padding:14px 18px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.page .band b{font-size:12px;letter-spacing:.08em}
.page .band span{font-size:11.5px;opacity:.85}
.page .body{padding:18px 30px}
.page h1{font-size:24px;color:#121428;font-weight:800;letter-spacing:-0.03em}
.page .k{color:#4f5470;font-size:12px;margin-bottom:6px}
.page .tot{font-size:38px;font-weight:800;letter-spacing:-0.045em;line-height:1;margin-top:12px}
.page .tot small{font-size:16px;color:#8b90ad;margin-left:4px}
.page .pkes{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px;font-size:10px}
.page .pkes[hidden]{display:none}
.page .pkes span{background:#f0f2fa;border:1px solid #e6e8f2;border-radius:999px;padding:3px 8px;color:#4f5470}
.page .pkes span b{color:#121428;font-weight:600}
.page .pkes .net{background:#ece7ff;border-color:#ece7ff;color:#6d4df2}
.page .pkes .net b{color:#6d4df2}
.page .pcomp{display:flex;height:9px;border-radius:5px;overflow:hidden;gap:2px;margin-top:12px}
.page .pcomp i{display:block;height:100%;border-radius:3px}
.page .pst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.page .pst div{border:1px solid #e6e8f2;border-radius:10px;padding:8px 10px;font-size:11px;min-width:0}
.page .pst b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page .pst span{display:block;color:#121428;font-weight:800;font-size:14px;margin-top:3px}
.page .pst small{display:block;color:#8b90ad;font-size:10px}
.page h4{margin:16px 0 6px;font-size:12px;color:#121428}
.page .prow{display:flex;align-items:center;gap:8px;font-size:11px;padding:3px 0;color:#4f5470}
.page .prow .pn{width:96px;color:#121428;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page .prow .pb{flex:1;height:6px;background:#e4e7f4;border-radius:3px;overflow:hidden}
.page .prow .pb i{display:block;height:100%}
.page .prow .pa{width:80px;text-align:right;color:#121428;font-weight:600}
.page .kbox{margin-top:14px;border:1px solid #e6e8f2;border-left:3px solid #d9731c;border-radius:0 10px 10px 0;padding:10px 12px;font-size:11px;color:#4f5470}
.page .kbox b{color:#121428}
.page .pfoot{position:absolute;left:30px;right:30px;bottom:18px;display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:#8b90ad;border-top:1px solid #e6e8f2;padding-top:8px}
.lockmask{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 55%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:50px}
.lockmask span{display:inline-flex;align-items:center;gap:8px;background:#121428;color:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600}
.thumbs{display:flex;flex-direction:column;gap:8px}
.thumb{display:flex;gap:12px;align-items:center;background:var(--sur);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px;font-size:13px;color:var(--ink-2)}
.thumb i{width:30px;height:38px;border-radius:4px;background:var(--sur-2);border:1px solid var(--line);flex:none;display:grid;place-items:center;font-style:normal;font-size:11px;color:var(--ink-3);font-weight:700}
.thumb.on{border-color:var(--acc)}
.thumb.on i{background:var(--acc-soft);color:var(--acc);border-color:var(--acc)}
.thumb b{color:var(--ink);display:block;font-weight:600}
.pv-cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}

/* 4 · Devam — dört kart ≥1000 px tek satır, darda 2+2, mobilde tek sütun */
#s4 h1,#s6 h1,#s7 h1{font-size:34px;font-weight:800;letter-spacing:-0.03em}
#s4 .sub{margin-top:8px;font-size:15.5px;max-width:70ch}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
@media (max-width:999px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.plans{grid-template-columns:1fr}}
.plans>*{min-width:0}
.plan{display:flex;flex-direction:column;padding:20px}
.plan.main{border-color:transparent;box-shadow:0 0 0 2px var(--acc),0 16px 40px var(--glow)}
.plan .name{font-weight:700;font-size:17px;letter-spacing:-0.01em;line-height:1.25}
.plan .name small{display:block;color:var(--ink-3);font-weight:400;font-size:12.5px;margin-top:2px}
.plan .price{font-size:28px;font-weight:800;letter-spacing:-0.035em;margin-top:8px}
.plan.main .price{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan .price small{font-size:12.5px;font-weight:500;color:var(--ink-3);letter-spacing:0;-webkit-text-fill-color:var(--ink-3)}
.plan ul{margin:10px 0 14px;padding:0;list-style:none;font-size:13px;line-height:1.45;color:var(--ink-2);flex:1}
.plan li{padding:6px 0;border-top:1px solid var(--line)}
.plan li.off{color:var(--ink-3);text-decoration:line-through}
.plan .note{font-size:12px;color:var(--ink-3);margin:-6px 0 10px}
.plan .btn{width:100%}
.sinir{margin-top:14px;font-size:12.5px;color:var(--ink-3);max-width:76ch}

/* 6 · Satın al, 7 · Bitti */
#s6 .sub{margin-top:8px}
.form{margin-top:24px;max-width:560px}
.form label{display:block;font-size:14px;color:var(--ink-2);margin-top:14px}
.form input,.form textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--sur);color:var(--ink);margin-top:5px}
.form input:focus,.form textarea:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:transparent}
.form label.consent{display:flex;margin-top:16px;font-size:13px}
.form label.consent input{width:17px;height:17px;padding:0;margin:2px 0 0;flex:none}   /* AN4: .form input'un %100 genişliği onay kutusunu da yayıyordu (AN3'ten) */
.form-b{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.summary{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;gap:12px}
.summary b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.done{max-width:640px}
.done .ok{width:60px;height:60px;border-radius:20px;background:var(--grad);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 10px 24px var(--glow)}
.done .ok svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

.foot{margin-top:44px;font-size:12.5px;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}
.foot a{color:var(--ink-3)}
.foot a:hover{color:var(--acc)}

/* onay penceresi */
.onay{border:1px solid var(--line);border-radius:var(--r);background:var(--sur);color:var(--ink);padding:22px 24px;max-width:min(420px,calc(100vw - 32px));box-shadow:0 20px 60px rgba(18,20,40,.25);font-family:var(--font)}
.onay::backdrop{background:rgba(18,20,40,.45)}
.onay p{font-size:15.5px;font-weight:600}
.onay-b{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

/* aydınlatma metni */
.aydin{max-width:780px;padding-top:36px}
.aydin h1{font-size:34px;font-weight:800;letter-spacing:-0.03em}
.aydin section{margin-top:26px}
.aydin h2{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em}
.aydin p,.aydin li{color:var(--ink-2);font-size:15px}
.aydin p+p{margin-top:10px}
.aydin ul{margin:0;padding-left:20px}
.aydin li{padding:3px 0}
.aydin b{color:var(--ink)}
.aydin .son{margin-top:28px}

/* AN4 — ödeme şalteri açıkken görünen öğeler, ödeme sonucu ekranı, satış sayfaları */
.form label[hidden],.pv-cta[hidden],.plan .note[hidden],.muted[hidden]{display:none}
.done .ok.fail{background:var(--warn);box-shadow:0 10px 24px var(--warn-soft)}
.done .form-b{margin-top:22px}
.aydin .tablo{overflow-x:auto;margin:6px 0 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--sur)}
.aydin table{width:100%;border-collapse:collapse;font-size:14px}
.aydin th{text-align:left;font-weight:600;color:var(--ink-3);font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--line)}
.aydin td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.aydin tr:last-child td{border-bottom:none}
.aydin .sag{text-align:right;white-space:nowrap}
.aydin .satici{list-style:none;padding-left:0}
.aydin .taslak{margin-top:28px;padding:12px 16px;border-radius:var(--r-s);background:var(--warn-soft);color:var(--warn);font-weight:600}
@media (max-width:600px){.aydin .tablo thead{display:none}.aydin .tablo tr{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.aydin .tablo tr:last-child{border-bottom:none}.aydin .tablo td{display:block;border:none;padding:3px 12px}.aydin .tablo .sag{text-align:left;font-weight:700;color:var(--ink)}}

@media (max-width:520px){.wrap{padding:0 16px 110px}.card{padding:20px}.works{padding:0}.wh{padding:18px 18px 10px}.more{padding:14px 18px}.cta{padding:22px}.rp-head h1{font-size:28px}.kpis b,.idgrid b{font-size:26px}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}.reveal{opacity:1;transform:none}}

/* ===================== AN6 · Panelim (görünüm docs/analizci/prova8.html, prova 8b) =====================
   Prova'nın sınıf adları korunur; mevcut AN1–AN5 adlarıyla çakışanlar yeniden adlandı: önceki yılı ekle alanı .kdrop
   (.drop yükleme kutusu), son dağıtımın ilk 3 eseri .sdl (.mini üst şerit), "Sırada ne var?" .sirada, fiyat kartı .fiyat,
   satış sayfası başlığı .phero (.hero yükleme ekranı). Artış/azalış zeminleri --up-soft / --down-soft. */
:root{--up-soft:#e1f6ef;--down-soft:#fde8ec}
:root[data-theme="dark"]{--up-soft:#143627;--down-soft:#3a1a22}
.steps a{padding:6px 14px;border-radius:999px;color:inherit;text-decoration:none;font-weight:500}
.steps a:hover{background:var(--sur-3);color:var(--ink)}
.steps a.on{color:var(--ink);background:var(--sur);box-shadow:var(--sh);font-weight:600}
@media (max-width:620px){.steps a:not(.on){display:none}}
.tag.ok{background:var(--up-soft);color:var(--up)}
.btn.lg{padding:14px 26px;font-size:16px}
a.btn{text-decoration:none}
.yeni-et{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--grad);border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:3px}
.delta{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13px;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:0}
.delta.up{background:var(--up-soft);color:var(--up)}.delta.down{background:var(--down-soft);color:var(--down)}
.delta.na{background:var(--sur-2);color:var(--ink-3)}
.delta.sm{font-size:11.5px;padding:2px 7px}
.inp{width:100%;border:1px solid var(--line-2);background:var(--sur-2);border-radius:14px;padding:13px 16px;font:inherit;font-size:15px;color:var(--ink);outline:none}
.inp:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.sech{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:34px}
.sech h2{font-size:20px;font-weight:700;letter-spacing:-0.02em}
.pscreen{display:none;padding-top:34px}.pscreen.on{display:block}
.pscreen[hidden]{display:none}
.bekle-not{margin-top:26px;text-align:center;color:var(--ink-3)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:14px;font-size:13.5px;opacity:0;transition:opacity .25s,transform .25s;z-index:90;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:min(560px,90vw);text-align:center}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.yukleniyor{opacity:.55;pointer-events:none}

/* giriş */
.login{max-width:460px;margin:20px auto 0}
.login .logo{width:56px;height:56px;border-radius:18px;font-size:24px;margin-bottom:18px}
.login h1{font-size:30px;font-weight:800;letter-spacing:-0.03em}
.login p{color:var(--ink-2);margin-top:8px}
.login form{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.login .alt{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:8px}
.login .alt a{font-weight:600;text-decoration:none}
.login .err{text-align:left}
.or{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;color:var(--ink-3)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.btn.gbtn{width:100%;border:1px solid var(--line-2);background:var(--sur);color:var(--ink);box-shadow:none;text-decoration:none}
.btn.gbtn:hover{background:var(--sur-2);box-shadow:none}
.gico{width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid var(--line-2)}
.gico svg{width:14px;height:14px}
.sent[hidden],#loginForm[hidden]{display:none}
.sent .ico{width:64px;height:64px;border-radius:20px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;margin-bottom:16px}
.sent .ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sent .mail{display:flex;align-items:center;gap:12px;background:var(--sur-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:16px;font-size:13.5px}
.sent .mail .l{width:36px;height:36px;border-radius:10px;background:var(--grad);flex:none}
.sent .mail b{display:block;font-size:14px}.sent .mail small{color:var(--ink-3)}
.sent .b{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}

/* dökümlerim */
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.dhead .k{color:var(--ink-2);font-size:14px;margin-bottom:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dhead h1{font-size:34px;font-weight:800;letter-spacing:-0.03em}
.dhead h1 small{font-size:16px;font-weight:500;color:var(--ink-3);letter-spacing:0;margin-left:10px}
.dhead .act{display:flex;gap:8px;flex-wrap:wrap}
.bosd{margin-top:22px;text-align:center;padding:48px 26px}
.bosd .ico{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;background:var(--grad);display:grid;place-items:center;box-shadow:0 10px 24px var(--glow)}
.bosd .ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bosd h2{font-size:22px}.bosd p{color:var(--ink-2);margin:8px auto 18px;max-width:52ch}
.sdl{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}
.sdl:first-child{border-top:none}.sdl .rk{width:18px;color:var(--ink-3);font-size:12.5px}.sdl .n{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdl .a{font-weight:600;white-space:nowrap}
.sirada{margin-top:12px}
.sirada>div{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.sirada>div:first-child{border-top:none}
.sirada .dot{width:10px;height:10px;border-radius:50%;flex:none;border:2px dashed var(--line-2)}
.sirada .dot.ok{border:none;background:var(--up)}
.sirada .n{flex:1;font-weight:600;min-width:0}.sirada .n small{display:block;color:var(--ink-3);font-weight:400;font-size:12px}
.sirada .st2{font-size:12px;font-weight:600;color:var(--ink-3);background:var(--sur-2);border-radius:999px;padding:3px 9px;white-space:nowrap}
.sirada .st2.ok{color:var(--up);background:var(--up-soft)}
.ylist{display:grid;gap:14px;margin-top:16px}
.ycard{display:grid;grid-template-columns:120px minmax(0,1fr) 200px auto;gap:22px;align-items:center;padding:22px 26px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.ycard:hover{transform:translateY(-2px);box-shadow:0 16px 44px var(--glow)}
.ycard:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
@media (max-width:900px){.ycard{grid-template-columns:1fr 1fr}.ycard .act{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:520px){.ycard{grid-template-columns:1fr}}
.ycard .yr{font-size:44px;font-weight:800;letter-spacing:-0.045em;line-height:1}
.ycard .yr small{display:block;font-size:12px;color:var(--ink-3);font-weight:500;letter-spacing:0;margin-top:4px}
.ycard .amt{font-size:26px;font-weight:800;letter-spacing:-0.03em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ycard .meta{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin-top:8px}
.ycard .meta b{color:var(--ink);font-weight:600}
.ystrip{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:46px}
.ystrip i{display:block;border-radius:3px 3px 1px 1px;background:var(--grad);opacity:.85;min-height:3px}
.ystrip i.off{background:var(--sur-3);opacity:1;height:3px}
.ystrip i.fut{background:repeating-linear-gradient(45deg,var(--acc-soft),var(--acc-soft) 3px,transparent 3px,transparent 6px);border:1px dashed var(--acc);opacity:1;height:14px}
.ycard .act{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.cmini{display:flex;height:8px;gap:2px;margin-top:10px}.cmini i{display:block;height:100%;border-radius:3px}
.yadd{border:1.5px dashed var(--line-2);background:transparent;box-shadow:none;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 26px}
.yadd .t{font-weight:600}.yadd .s{font-size:13px;color:var(--ink-3);margin-top:2px}

/* yıl raporu (Panelim) */
.yilbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.yilbar[hidden]{display:none}
.yrs{display:flex;gap:4px;background:var(--sur);border:1px solid var(--line);padding:5px;border-radius:999px;box-shadow:var(--sh);flex-wrap:wrap}
.yrs button,.yrs a{border:none;background:transparent;border-radius:999px;padding:6px 18px;font-size:17px;font-weight:800;letter-spacing:-0.02em;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;line-height:1.1;text-decoration:none}
.yrs small{display:block;font-size:11.5px;font-weight:500;letter-spacing:0;margin-top:3px;opacity:.85}
.yrs a:hover,.yrs button:hover{background:var(--sur-2);color:var(--ink)}
.yrs a.on{background:var(--grad);color:#fff;box-shadow:0 8px 22px var(--glow)}
.yrs button.ekle{color:var(--acc);font-size:20px;padding:6px 14px;justify-content:center}
.drow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.drow .donem{margin-top:0}
.drow .donem-not{margin-top:0;max-width:460px}
.donem button.bekle{color:var(--ink-3);border:1px dashed var(--line-2)}
.mo.bekle .stack{background:repeating-linear-gradient(45deg,var(--acc-soft),var(--acc-soft) 4px,transparent 4px,transparent 8px);border:1px dashed var(--acc);height:14px}
.mo.bekle{cursor:pointer}
.leg .bekle{background:var(--acc-soft);border:1px dashed var(--acc)}
.files{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}
.files[hidden]{display:none}
.files .btn{margin-left:auto}
.files .dsy{display:inline-flex;align-items:center;gap:6px;background:var(--sur-2);border:1px solid var(--line);border-radius:999px;padding:3px 6px 3px 11px;max-width:100%}
.files .dsy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.files .dsy button{border:none;background:transparent;color:var(--ink-3);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}
.files .dsy button:hover{background:var(--sur-3);color:var(--down)}
.files .dsy svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.yline{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.yline>div{background:var(--sur-2);border-radius:12px;padding:10px 12px}
.yline>div.on{outline:2px solid var(--acc)}
.yline b{display:block;font-size:15px;font-weight:700}
.yline i{display:block;height:6px;border-radius:3px;background:var(--grad);margin:6px 0 4px}
.yline span{font-size:11.5px;color:var(--ink-3)}

/* kıyas bileşeni (tek çizici kiyasCiz) */
.kiyas{margin-top:16px}
.kiyas[hidden]{display:none}
.kiyas .kh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.kres{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:18px}
@media (max-width:900px){.kres{grid-template-columns:1fr}}
.kbig{background:var(--sur-2);border-radius:var(--r-s);padding:18px}
.kbig .d{font-size:34px;font-weight:800;letter-spacing:-0.03em;line-height:1.05}
.kbig .s{font-size:13px;color:var(--ink-2);margin-top:6px}
.kbig .row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-top:1px solid var(--line);margin-top:8px}
.klist{min-width:0}
.klist h3{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.klist .it{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}
.klist .it .n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.klist .it .n small{display:block;color:var(--ink-3);font-size:11.5px}
.klist .it .a{font-weight:600;white-space:nowrap}
.klist .it .bar{width:70px;height:6px;border-radius:3px;background:var(--sur-3);overflow:hidden;flex:none}
.klist .it .bar i{display:block;height:100%}
.kmissing{margin-top:16px;border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);background:var(--warn-soft);border-radius:var(--r-s);padding:14px 16px;font-size:13.5px;color:var(--ink-2);min-width:0}
.kmissing b{color:var(--ink)}
.kmissing.ok{border-color:color-mix(in srgb,var(--up) 40%,transparent);background:var(--up-soft)}
.kmissing .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kmissing .chips span{background:var(--sur);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.krule{font-size:12.5px;color:var(--ink-3);margin-top:12px}
.krule a{font-weight:600;cursor:pointer;text-decoration:none}
.ktwo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
@media (max-width:820px){.ktwo{grid-template-columns:minmax(0,1fr)}}
.ktwo>.kmissing{margin-top:0}
.ktwo h3{font-size:14px;font-weight:700;margin-top:18px}
.mcmp{margin-top:16px}
.mcmp .r{display:grid;grid-template-columns:110px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:8px 0}
.mcmp .r b{font-size:13px}
.mcmp .r .bar{height:14px;border-radius:6px;background:var(--sur-3);overflow:hidden;display:flex;gap:2px}
.mcmp .r .bar i{display:block;height:100%}
.mcmp .r .a{font-weight:600;font-size:13.5px;text-align:right}
.mdelta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
@media (max-width:620px){.mdelta{grid-template-columns:1fr 1fr}}
.mdelta div{background:var(--sur-2);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--ink-2);display:flex;flex-direction:column;gap:4px}
.mdelta div span{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.mdelta div span i{width:8px;height:8px;border-radius:2px;flex:none}
.src2{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.src2:first-child{border-top:none}
.src2 .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex:none}
.src2 .n{flex:1;min-width:0}.src2 .n b{display:block;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src2 .n small{color:var(--ink-3);font-size:12px}
.src2 .a{font-weight:600;text-align:right;white-space:nowrap;font-size:13.5px}
.src2 .a small{display:block;color:var(--ink-3);font-weight:400;font-size:11.5px}
.kdrop{margin-top:16px;border:1.5px dashed var(--line-2);border-radius:var(--r-s);padding:26px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--acc-soft) 35%,transparent);cursor:pointer;transition:border-color .2s,background .2s}
.kdrop:hover,.kdrop.over{border-color:var(--acc);background:var(--acc-soft)}
.kdrop:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.kdrop.busy{opacity:.6;pointer-events:none}
.kdrop .ic{width:54px;height:54px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px var(--glow);flex:none}
.kdrop .ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kdrop .t{font-weight:700;font-size:16px}.kdrop .s{font-size:13.5px;color:var(--ink-2);margin-top:3px}
.kdrop .r{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.lock{margin-top:16px;display:flex;gap:14px;align-items:center;background:var(--sur-2);border-radius:var(--r-s);padding:14px 16px;font-size:13.5px;color:var(--ink-2);flex-wrap:wrap}
.lock.ok{background:var(--up-soft)}
.lock b{color:var(--ink)}.lock .btn{margin-left:auto}
.lock span{min-width:0;flex:1}

/* yıldan yıla */
.yy{margin-top:18px;position:relative;overflow:hidden}
.yy>*:not(.aurora){position:relative}
.yy .h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.yy .h .l{color:var(--ink-2);font-size:14px;font-weight:600}
.yy .h .v{font-size:clamp(34px,6vw,48px);font-weight:800;letter-spacing:-0.045em;line-height:1;margin-top:6px}
.yy .h .v small{font-size:20px;color:var(--ink-3);margin-left:6px;font-weight:600}
.yy .h .v .delta{vertical-align:middle;margin-left:12px;font-size:14px}
.seg{display:flex;gap:2px;background:var(--sur-2);padding:4px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);height:max-content}
.seg[hidden]{display:none}
.seg button{border:none;background:transparent;border-radius:999px;padding:7px 14px;color:inherit}
.seg button.on{background:var(--sur);color:var(--ink);box-shadow:var(--sh)}
.yrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}
.ycol{background:color-mix(in srgb,var(--sur) 55%,var(--sur-2));border:1px solid var(--line);border-radius:var(--r-s);padding:18px;position:relative;min-width:0}
.ycol .y{font-size:13px;font-weight:700;color:var(--ink-3);letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ycol .a{font-size:30px;font-weight:800;letter-spacing:-0.035em;margin-top:6px;line-height:1}
.ycol .a small{font-size:13px;color:var(--ink-3);margin-left:5px;font-weight:500}
.ycol .bar{height:12px;border-radius:6px;background:var(--sur-3);overflow:hidden;margin-top:14px;display:flex;gap:2px}
.ycol .bar i{display:block;height:100%}
.ycol .kp{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2);margin-top:12px}
.ycol .kp b{color:var(--ink);font-weight:600}
.ycol .opn{margin-top:12px}
.yyfoot{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:16px}
.yyfoot div{max-width:320px}.yyfoot b{color:var(--ink)}
.ksel{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.ksel select{border:1px solid var(--line-2);background:var(--sur-2);color:var(--ink);border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;font-weight:600}
.ksel .arr{font-size:20px;color:var(--ink-3)}
.iz{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.iz:first-child{border-top:none}
.iz .rk{width:22px;color:var(--ink-3);font-size:13px;flex:none}
.iz .nm{flex:1;min-width:0;font-weight:600}.iz .nm small{display:block;color:var(--ink-3);font-weight:400;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iz .tri{display:flex;gap:3px;align-items:flex-end;height:28px;width:56px;flex:none}
.iz .tri i{flex:1;display:block;border-radius:2px 2px 1px 1px;background:var(--grad)}
.iz .tri i.yok{background:var(--sur-3)}
.iz .am{font-weight:600;width:110px;text-align:right;flex:none}
@media (max-width:620px){.iz .am{display:none}}

/* hesabım */
.btn.tehlike{background:var(--down-soft);color:var(--down);box-shadow:none}

/* satış sayfası ve Devam ekranı Panelim kartı */
.phero{margin-top:10px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
@media (max-width:900px){.phero{grid-template-columns:1fr}}
.phero h1{font-size:clamp(32px,5vw,40px);font-weight:800;letter-spacing:-0.035em;line-height:1.1}
.phero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p{color:var(--ink-2);font-size:16px;margin-top:14px;max-width:520px}
.phero .art{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--ink-2)}
.fiyat{position:relative;overflow:hidden;padding:28px}
.fiyat .pl{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink-3)}
.fiyat .pv{font-size:54px;font-weight:800;letter-spacing:-0.045em;line-height:1;margin-top:10px}
.fiyat .pv small{font-size:16px;color:var(--ink-3);font-weight:500;letter-spacing:0;margin-left:6px}
.fiyat .pv .old{font-size:22px;color:var(--ink-3);text-decoration:line-through;font-weight:600;margin-right:10px}
.fiyat .ps{font-size:13.5px;color:var(--ink-2);margin-top:8px}
.fiyat .early{margin-top:16px;border:1px solid color-mix(in srgb,var(--up) 40%,transparent);background:var(--up-soft);border-radius:var(--r-s);padding:12px 14px;font-size:13.5px;color:var(--ink-2)}
.fiyat .early b{color:var(--ink)}
.fiyat form{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.fiyat form .inp{flex:1;min-width:200px}
.fiyat .fine{font-size:12px;color:var(--ink-3);margin-top:10px}
.fiyat .fine a{font-weight:600}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
@media (max-width:820px){.feat{grid-template-columns:1fr}}
.feat .card{padding:22px}
.feat .ic{width:40px;height:40px;border-radius:12px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;margin-bottom:12px}
.feat .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feat h3{font-size:15px;font-weight:700}.feat p{font-size:13.5px;color:var(--ink-2);margin-top:6px}
.cmp{margin-top:28px;padding:0;overflow:hidden}
.cmp .tablo{overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:13px 22px;text-align:left;border-top:1px solid var(--line)}
.cmp th{font-size:12.5px;color:var(--ink-3);font-weight:600;letter-spacing:.04em;border-top:none;background:var(--sur-2)}
.cmp th:not(:first-child),.cmp td:not(:first-child){text-align:center;width:200px}
.cmp td.y{color:var(--up);font-weight:700}.cmp td.n{color:var(--ink-3)}.cmp th.p{color:var(--acc)}
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
@media (max-width:820px){.faq{grid-template-columns:1fr}}
.faq .card{padding:20px}.faq h3{font-size:14.5px;font-weight:700}.faq p{font-size:13.5px;color:var(--ink-2);margin-top:6px}
.plan.panelim{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:12px 20px;border-color:transparent;box-shadow:0 0 0 2px var(--acc),0 16px 40px var(--glow)}
.plan.panelim .name{min-width:200px}
.plan.panelim .price{margin-top:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan.panelim p{flex:1;min-width:220px;font-size:13px;line-height:1.4;color:var(--ink-2)}
.plan.panelim .btn{width:auto}
.plan .lbl{font-size:11px;color:var(--ink-3);font-weight:700;letter-spacing:.06em;display:block;margin-bottom:2px}
body[data-mod="panelim"] .rp-head h1 small{white-space:normal}
@media (max-width:620px){body[data-mod="panelim"] .rp-head h1 small{display:block;margin:6px 0 0}}
/* AN6b (docs/analizci/prova8.html, prova 8c) — profil düğmesi ve açılır menü (üst menüde Hesabım sekmesi yok),
   yıl raporuna yönlendirme (rapor hiç açılmadıysa: sekme gradient dolgulu yanıp söner, ana düğme ışıma nabzı;
   azaltılmış hareket tercihinde animasyon yok, dolgu sabit — genel prefers-reduced-motion kuralı), kısa kıyas çipleri
   (+N daha / daha az göster, "ayrıca N eser 0 ₺"), çıktı ipucu satırı, Hesabım alanları. */
.top-r{position:relative}
.prof{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--sur);border-radius:999px;padding:3px 12px 3px 3px;box-shadow:var(--sh);color:var(--ink);font:inherit;cursor:pointer;max-width:240px}
.prof:hover{background:var(--sur-2)}
.prof:focus-visible,.pmenu .pi:focus-visible,.seg button:focus-visible,.chip-more:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.prof .av,.pmenu .av{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.prof .nm{font-size:13.5px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prof .ch{font-size:11px;color:var(--ink-3)}
@media (max-width:760px){.prof .nm,.prof .ch{display:none}.prof{padding:3px}}
.pmenu{position:absolute;top:calc(100% + 10px);right:0;width:300px;max-width:calc(100vw - 32px);background:var(--sur);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(18,20,40,.18);padding:8px;z-index:70}
.pmenu[hidden]{display:none}
.pmenu .ph{display:flex;gap:12px;align-items:flex-start;padding:12px;border-bottom:1px solid var(--line);margin-bottom:6px;min-width:0}
.pmenu .ph>div{min-width:0}
.pmenu .av.big{width:44px;height:44px;font-size:15px}
.pmenu .ph b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmenu .ph small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:2px;word-break:break-all}
.pmenu .ph .tag{margin-top:6px}
.pmenu .pi{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:12px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;text-align:left}
.pmenu .pi small{font-weight:400;color:var(--ink-3);font-size:12px;text-align:right}
.pmenu a.pi:hover,.pmenu button.pi:hover{background:var(--sur-2)}
.pmenu .pi.tema-sec{cursor:default}
.pmenu .pi.out{color:var(--down)}
.seg.sm{padding:3px}.seg.sm button{padding:5px 11px;font-size:12.5px;cursor:pointer}
.steps a.nudge{position:relative;background:var(--grad);color:#fff;animation:nudgeBlink 1.1s ease-in-out infinite;box-shadow:0 6px 18px var(--glow)}
@keyframes nudgeBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.96)}}
.btn.glow{animation:glowPulse 1.5s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 8px 24px var(--glow)}50%{box-shadow:0 8px 34px var(--glow),0 0 0 7px var(--acc-soft)}}
.kmissing .chips .hid{display:none}.kmissing .chips .hid.on{display:contents}
.kmissing .chips .chip-more{border:none;background:transparent;color:var(--acc);font:inherit;font-weight:700;font-size:12.5px;padding:4px 6px;cursor:pointer}
.kmissing .chips .zero{font-size:12px;color:var(--ink-3);align-self:center;padding:4px 2px;background:none;border:none}
.tip{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:var(--r-s);background:var(--acc-soft);color:var(--ink-2);font-size:13px;line-height:1.5}
.tip .ic{flex:none;width:18px;height:18px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.tip b{color:var(--ink)}
.hesap2{margin-top:18px}
.fld{margin-top:16px}
.fld label{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--ink-3);margin-bottom:6px}
.fld .val{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.fld .val .muted{font-weight:400;font-size:13px}
.fld small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:5px}
.fld .inp{padding:10px 14px;font-size:14.5px}
.lnk{color:var(--acc);font-weight:600}
.hesap-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
/* AN6c (docs/analizci/prova8.html, hesapsız ekranlar) — hesapsız sayfaların üst çubuğunda "Panelim'e giriş" düğmesi
   (ince çerçeveli açık düğme, gradient yuvarlak ok; dar ekranda yazı küçülür, kaybolmaz; oturum açıksa yerinde profil
   düğmesi — templates/analizci/_ust_hesap.html) ve yükleme kartında onay kutusunun altındaki Panelim satırı. */
.girisBtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--sur);color:var(--ink);border-radius:999px;padding:3px 14px 3px 3px;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;flex:none}
.girisBtn:hover{background:var(--sur-2)}
.girisBtn:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.girisBtn .ok{width:28px;height:28px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 4px 12px var(--glow);flex:none}
.girisBtn .ok svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:620px){.girisBtn{font-size:12px;gap:6px;padding:2px 10px 2px 2px}.girisBtn .ok{width:24px;height:24px}.top-r{gap:6px}}
@media (max-width:380px){.girisBtn{font-size:11px;padding-right:8px}}
.uyelik-satir{margin-top:10px;font-size:13px;color:var(--ink-2)}
.uyelik-satir a{font-weight:600;text-decoration:none}
.uyelik-satir a:hover{text-decoration:underline}
/* Telefonda rapor/devam ekranında (birden çok adım pili etkin) adım pilleri + giriş/profil + tema tek satıra sığmaz:
   üst çubuk iki satıra iner — 1. satır marka · giriş/profil · tema, 2. satır adım pilleri (piller değişmez). */
@media (max-width:620px){
  .top-in:has(#steps button:enabled){flex-wrap:wrap;row-gap:8px;position:relative}
  .top-in:has(#steps button:enabled) .top-r{display:contents}
  .top-in:has(#steps button:enabled) .brand{margin-right:auto}
  .top-in:has(#steps button:enabled) #steps{order:5;flex-basis:100%;justify-content:center}
  .top-in:has(#steps button:enabled) .pmenu{top:54px;right:16px}
}
/* PL1 (docs/analizci/prova9.html) — pilot şeridi, ✎ hızlı geri bildirim, anket, döküm talebi rehberi, Yönetim paneli.
   Değerler provadan birebir; Yönetim kuralları .ynt, anket .anket, rehber .help altında (mevcut .st/.q/.chips/.yb
   kurallarıyla çakışmasın). Şerit yapışkan DEĞİL (üst çubuk yapışkan kalır); ✕ ile gizlenince html[data-pilot-gizli]. */
.pilot{position:relative;z-index:55;background:var(--grad);color:#fff;font-size:13px;padding:7px 24px;display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
.pilot b{font-weight:700}
.pilot button,.pilot a{border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;text-decoration:none;font-family:inherit;cursor:pointer}
.pilot button:hover,.pilot a:hover{background:rgba(255,255,255,.24)}
.pilot button.x{border:none;background:transparent;opacity:.8;padding:4px 6px}
.pilot button:focus-visible,.pilot a:focus-visible{outline:2px solid #fff;outline-offset:2px}
html[data-pilot-gizli] .pilot,.pilot[hidden]{display:none}
@media (max-width:620px){.pilot{gap:8px;padding:8px 12px;font-size:12.5px}.pilot>span{display:none}}
.fb{width:min(520px,calc(100vw - 32px))}
.fb textarea{width:100%;min-height:110px;border:1px solid var(--line-2);background:var(--sur-2);color:var(--ink);border-radius:14px;padding:12px 14px;font:inherit;font-size:14.5px;resize:vertical}
.fb .meta{font-size:12.5px;color:var(--ink-3);margin-top:8px}
.fb .chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.fb .chips button{border:1px solid var(--line-2);background:var(--sur);border-radius:999px;padding:6px 12px;font-size:13px;min-height:36px}
.fb .chips button.on{background:var(--acc-soft);border-color:var(--acc);color:var(--acc);font-weight:600}
.fb-b{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.rehber-bag{margin-top:10px;font-size:13.5px}
.rehber-bag a{color:var(--acc);font-weight:600;text-decoration:none}
.rehber-bag a:hover{text-decoration:underline}
.plan .price small{font-weight:600}
.plan .price.pf{font-size:12.5px;font-weight:600;letter-spacing:0;line-height:1.4;max-width:330px;background:none;color:var(--acc);-webkit-text-fill-color:var(--acc)}
/* anket */
.anket{max-width:680px;margin:0 auto;padding-top:34px}
.anket .prog{height:6px;border-radius:3px;background:var(--sur-3);overflow:hidden;margin-top:14px}
.anket .prog i{display:block;height:100%;background:var(--grad);transition:width .3s}
.anket .bol{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--acc);margin-top:28px}
.anket .q{margin-top:18px;padding:20px 22px;transition:box-shadow .3s,border-color .3s}
.anket .q.eksik{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.anket .q h3{font-size:16px;font-weight:700;line-height:1.35}
.anket .q h3 small{color:var(--ink-3);font-weight:500;font-size:12.5px;margin-left:8px}
.anket .q .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.anket .q .opts button{border:1px solid var(--line-2);background:var(--sur);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:500;min-height:44px}
.anket .q .opts button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 16px var(--glow)}
.anket .q .nps{display:grid;grid-template-columns:repeat(11,1fr);gap:5px;margin-top:14px}
.anket .q .nps button{border:1px solid var(--line-2);background:var(--sur);border-radius:10px;padding:10px 0;font-weight:700;font-size:14px;min-height:44px;font-variant-numeric:tabular-nums}
.anket .q .nps button.on{background:var(--grad);color:#fff;border-color:transparent}
.anket .q button:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.anket .q .nlab{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3);margin-top:6px}
.anket .q textarea{width:100%;min-height:72px;border:1px solid var(--line-2);background:var(--sur-2);color:var(--ink);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;margin-top:12px}
.anket .q .band{margin-top:12px;font-size:12.5px;color:var(--ink-3);background:var(--sur-2);border-radius:10px;padding:8px 12px}
.anket .son{margin-top:28px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media (max-width:520px){.anket .q{padding:16px 14px}.anket .q .nps{grid-template-columns:repeat(6,1fr)}}
.tesek{max-width:560px;margin:60px auto;text-align:center}
.tesek[hidden]{display:none}
.tesek .ico{width:72px;height:72px;border-radius:24px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:32px;margin:0 auto 18px;box-shadow:0 10px 30px var(--glow)}
.tesek h1{font-size:30px;font-weight:800;letter-spacing:-0.03em}
.tesek p{margin-top:10px;font-size:15px}
/* döküm talebi rehberi */
.help{max-width:760px;padding-top:34px}
.help h2{font-size:20px}
.help ol{padding-left:20px;margin:10px 0 0;color:var(--ink-2);font-size:14.5px;line-height:1.7}
.help .cta{margin-top:18px}
.mailkutu{margin-top:12px;background:var(--sur-2);border-radius:12px;padding:14px 16px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.r-b{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.r-b a.btn{text-decoration:none}
/* Yönetim */
.ynt{padding-top:34px}
.ynt .ytabs{display:flex;gap:2px;background:var(--sur-2);padding:4px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-3);width:max-content;max-width:100%;margin-top:18px;overflow:auto}
.ynt .ytabs button{border:none;background:transparent;border-radius:999px;padding:8px 16px;white-space:nowrap;color:inherit}
.ynt .ytabs button.on{background:var(--sur);color:var(--ink);box-shadow:var(--sh)}
.ynt .ytabs button:focus-visible,.ynt .chips button:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.ynt .ytabs.ykucuk{margin-top:14px;font-size:12.5px}
.ynt .ypane{display:none}.ynt .ypane.on{display:block}
.ynt .kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media (max-width:820px){.ynt .kpi4{grid-template-columns:1fr 1fr}}
.ynt .kpi4 .card{padding:16px 18px}
.ynt .kpi4 b{display:block;font-size:30px;font-weight:800;letter-spacing:-0.03em}
.ynt .kpi4 b.up{color:var(--up)}.ynt .kpi4 b.down{color:var(--down)}
.ynt .kpi4 span{font-size:12.5px;color:var(--ink-2)}
.ynt .ykart{margin-top:16px;padding:18px 22px}
.ynt .yhd{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
.ynt .ys{font-weight:400;font-size:13px}
.ynt .tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:4px}
.ynt .tbl th{font-size:11.5px;letter-spacing:.05em;color:var(--ink-3);text-align:left;padding:10px;border-bottom:1px solid var(--line);font-weight:600}
.ynt .tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.ynt .tbl td.n{font-weight:600}
.ynt .ye{font-weight:400;color:var(--ink-3);overflow-wrap:anywhere}
.ynt .tbl .st,.ynt .sw .st{display:inline-block;position:static;overflow:visible;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--sur-2);white-space:nowrap}
.ynt .tbl .st.g{background:var(--up-soft);color:var(--up)}.ynt .tbl .st.w{background:var(--warn-soft);color:var(--warn)}.ynt .tbl .st.b{background:var(--acc-soft);color:var(--acc)}
.ynt .tbl .dots{white-space:nowrap}
.ynt .tbl .dots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sur-3);margin-right:3px}
.ynt .tbl .dots i.on{background:var(--acc)}
.ynt .tbl .act{white-space:nowrap;text-align:right}
.ynt .tbl .act button{margin-left:4px}
.ynt .twrap{overflow-x:auto;margin-top:12px}
.ynt .ybar{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:6px 0}
.ynt .ybar .l{width:200px;flex:none;color:var(--ink-2);overflow-wrap:anywhere}
.ynt .ybar .b{flex:1;height:14px;background:var(--sur-3);border-radius:7px;overflow:hidden}
.ynt .ybar .b i{display:block;height:100%;background:var(--grad);border-radius:0 4px 4px 0}
.ynt .ybar .v{width:60px;text-align:right;font-weight:600}
@media (max-width:620px){.ynt .ybar .l{width:120px;font-size:12.5px}.ynt .ybar .v{width:36px}}
.ynt .ydag{margin-top:10px}
.ynt .yqh{font-size:15.5px;line-height:1.35}
.ynt .fbi,.modal .fbi{padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.ynt .fbi:first-child,.modal .fbi:first-child{border-top:none}
.ynt .fbi .m,.modal .fbi .m{font-size:12px;color:var(--ink-3);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ynt .fbi .m .tag,.modal .fbi .m .tag{font-size:11px}
.ynt .fbi select{font:inherit;font-size:12px;border:1px solid var(--line-2);background:var(--sur);color:var(--ink);border-radius:999px;padding:3px 8px}
.ynt .gbm{overflow-wrap:anywhere;white-space:pre-wrap}
.ynt .ysuz{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ynt .ysuz .chips{display:flex;gap:6px;flex-wrap:wrap}
.ynt .ysuz .chips button{border:1px solid var(--line-2);background:var(--sur);border-radius:999px;padding:5px 11px;font-size:12.5px;min-height:32px}
.ynt .ysuz .chips button.on{background:var(--acc-soft);border-color:var(--acc);color:var(--acc);font-weight:600}
.ynt .ysuz select{font:inherit;font-size:12.5px;border:1px solid var(--line-2);background:var(--sur);color:var(--ink);border-radius:999px;padding:5px 10px;min-height:32px}
.ynt .sw{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.ynt .sw:first-child{border-top:none}
.ynt .sw small{display:block;color:var(--ink-3);font-size:12px;overflow-wrap:anywhere}
.ynt .sw .st{font-size:12px;font-weight:700;padding:4px 10px}
.ynt .sw .st.on{background:var(--up-soft);color:var(--up)}.ynt .sw .st.off{background:var(--sur-2);color:var(--ink-3)}.ynt .sw .st.warn{background:var(--warn-soft);color:var(--warn)}
.ynt .ybos{padding:10px 0}
.ynt .grid2{grid-template-columns:1fr 1fr}
@media (max-width:820px){.ynt .grid2{grid-template-columns:1fr}}
.ynt .kgraf{display:grid;grid-template-columns:repeat(14,1fr);gap:2px;align-items:end;height:140px;margin-top:14px}
.ynt .kg{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;cursor:default;border-radius:6px}
.ynt .kg:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.ynt .kst{flex:1;display:flex;flex-direction:column-reverse;gap:2px;justify-content:flex-start;min-height:3px}
.ynt .kst i{display:block;width:100%;border-radius:2px}
.ynt .kst i:last-child{border-radius:4px 4px 2px 2px}
.ynt .kg.bosg .kst{flex:none;height:3px;background:var(--sur-3);border-radius:2px}
.ynt .kg .lab{text-align:center;font-size:11px;color:var(--ink-3);margin-top:6px;font-variant-numeric:tabular-nums}
.ynt .kg .tip{bottom:calc(100% + 6px);line-height:1.45;text-align:left}
.ynt .kg:first-child .tip,.ynt .kg:nth-child(2) .tip{left:0;transform:translateY(4px)}
.ynt .kg:last-child .tip,.ynt .kg:nth-last-child(2) .tip{left:auto;right:0;transform:translateY(4px)}
.ynt .kg:hover .tip,.ynt .kg:focus-visible .tip{opacity:1}
.ynt .ktablo{margin-top:12px;font-size:13px}
.ynt .ktablo summary{cursor:pointer;color:var(--acc);font-weight:600}
.ydav{width:min(560px,calc(100vw - 32px))}
.ydav textarea{width:100%;margin-top:12px;border:1px solid var(--line-2);background:var(--sur-2);color:var(--ink);border-radius:14px;padding:12px 14px;font:inherit;font-size:14px;resize:vertical}
.dvsonuc p{margin-top:8px;font-size:13.5px;overflow-wrap:anywhere}
.modal .yh3{font-size:15px;font-weight:700;margin-top:20px}
.modal .yq,.ynt .yq{font-size:12.5px;color:var(--ink-3);margin-bottom:2px}
.modal .ye{color:var(--ink-3);overflow-wrap:anywhere;margin-top:4px}

/* TA2 — Telif Analiz logosu ve yazı markası (templates/analizci/_marka.html). Logo kendi zeminini taşır (logo.svg);
   eski "A" kutusunun degrade zemini ve harf stili görsele uygulanmaz. Yazı markası: "Telif" kalın, "Analiz" normal. */
img.logo{background:none;box-shadow:0 6px 18px var(--glow);width:32px;height:32px;border-radius:24%;display:block;object-fit:contain}
.login img.logo{width:56px;height:56px;border-radius:24%}
.brand .n>span{font-weight:400}
.hero-logo{display:block;width:64px;height:64px;border-radius:24%;margin-bottom:18px;box-shadow:0 10px 28px var(--glow)}
.page .band .pmarka{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:-0.01em;font-weight:400}
.page .band .pmarka b{font-size:14px;letter-spacing:-0.01em}
.page .band .pmarka span{font-size:14px;opacity:1}
.page .band .plogo{width:28px;height:28px;border-radius:24%;display:block}