/* Uygulama katmanı ekleri (tasarım app.css'in üzerine). */
.sb-out{margin-top:4px}.sb-out button{width:100%;border:0;background:none;font:inherit;cursor:pointer;text-align:left}
.flash{margin:0 0 16px;padding:12px 16px;border-radius:14px;font-size:13.5px;font-weight:700}
.flash.ok{background:var(--okbg);color:var(--ok)}.flash.err{background:var(--warnbg);color:var(--warn)}
.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}
.sec{display:flex;flex-direction:column;gap:14px}
.card-b{padding:14px 18px 18px}
.empty{padding:28px 18px;text-align:center;color:var(--mut);font-size:13.5px}
.empty b{display:block;color:var(--txt);font-size:15px;margin-bottom:4px}
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#2775ff,#4f2bd6);box-shadow:0 10px 24px rgba(39,117,255,.25)}
.btn.ghost{background:var(--card);color:var(--txt);border:1px solid var(--line);box-shadow:none}
.btn.sm{height:32px;padding:0 12px;font-size:12px;border-radius:10px}
.video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.player,.player video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}/* iOS uzun basma menüsü ve seçim kapalı (indirme koruması) */
.pv-note{font-size:12px;color:var(--mut);margin-top:8px}
.od.done .od-t{text-decoration:line-through;opacity:.6}
.od-t{flex:1;font-size:13.5px;font-weight:600;min-width:0}
.od-m{font-size:11.5px;color:var(--mut);margin-top:2px}
.hw-list{display:flex;flex-direction:column;gap:6px;padding:8px 10px 12px}
.hw-i{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;color:var(--txt)}
.hw-i:hover,.hw-i.on{background:var(--card2)}
.hw-i .d{width:56px;flex:none;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 0;font-size:11px;font-weight:800;color:var(--acc);line-height:1.2}
.hw-i .d b{display:block;font-size:16px;color:var(--txt)}
.hw-i .t{flex:1;min-width:0}.hw-i .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-i .t span{font-size:12px;color:var(--mut)}
.pill{font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--card2);color:var(--mut)}
.pill.ok{background:var(--okbg);color:var(--ok)}
.stub{padding:40px 20px;text-align:center}
.stub .ng{margin:0 auto 14px}
.lesson-body{font-size:14px;line-height:1.7;color:var(--txt)}
.lesson-body p{margin:0 0 10px}
/* Düzenleyicide verilen biçim (renk, vurgu, hizalama, tablo, görsel, alıntı, kod) öğrenci sayfalarında: ödev açıklaması, duyuru, ders notu, hocadan not */
:is(.lesson-body,.dy-metin,.zm){overflow-wrap:anywhere}
:is(.lesson-body,.dy-metin,.zm)>:last-child{margin-bottom:0}
:is(.lesson-body,.dy-metin,.zm) :is(ul,ol){margin:4px 0 10px;padding-left:24px}:is(.lesson-body,.dy-metin,.zm) li{margin:2px 0}
:is(.lesson-body,.dy-metin,.zm) :is(h2,h3,h4){margin:14px 0 8px;line-height:1.3}:is(.lesson-body,.dy-metin,.zm) h2{font-size:20px}:is(.lesson-body,.dy-metin,.zm) h3{font-size:17px}:is(.lesson-body,.dy-metin,.zm) h4{font-size:15px}
:is(.lesson-body,.dy-metin,.zm) table{border-collapse:collapse;margin:8px 0 12px;max-width:100%}
:is(.lesson-body,.dy-metin,.zm) :is(td,th){border:1px solid var(--line);padding:6px 10px;vertical-align:top;text-align:left}
:is(.lesson-body,.dy-metin,.zm) th{background:var(--card2);font-weight:700}
:is(.lesson-body,.dy-metin,.zm) img{max-width:100%;height:auto;border-radius:8px}
:is(.lesson-body,.dy-metin,.zm) blockquote>:last-child{margin-bottom:0}
:is(.lesson-body,.dy-metin,.zm) blockquote{margin:10px 0;padding:10px 14px;border-left:4px solid var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent);border-radius:0 10px 10px 0}
:is(.lesson-body,.dy-metin,.zm) pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:10px;overflow:auto;font-size:13px;line-height:1.5;white-space:pre-wrap}
:is(.lesson-body,.dy-metin,.zm) code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
:is(.lesson-body,.dy-metin,.zm) hr{border:0;border-top:1px solid var(--line);margin:14px 0}
:is(.lesson-body,.dy-metin,.zm) a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
:is(.lesson-body,.dy-metin,.zm) [style*="background-color"]{padding:0 2px;border-radius:3px}
@media(max-width:700px){:is(.lesson-body,.dy-metin,.zm) table{display:block;overflow-x:auto}}
.app.dark .zm-koyu{filter:brightness(2.3) saturate(1.1)}
.app.dark .zm-acik{color:#1e293b}
.toggle-note{font-size:12px;color:var(--mut)}
/* giriş */
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(90% 70% at 20% 10%,rgba(79,43,214,.35),transparent 60%),radial-gradient(70% 60% at 90% 90%,rgba(39,117,255,.35),transparent 60%),#0d1026;padding:24px}
.login-card{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:30px 28px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.login-card .logo{display:flex;justify-content:center;margin-bottom:18px;padding:14px;border-radius:14px;background:linear-gradient(120deg,#2b19a3,#4f2bd6 45%,#2775ff)}
.login-card .logo img{height:28px}
.login-card h1{margin:0 0 4px;font-size:20px;font-weight:800;color:#1a1a2e}
.login-card p{margin:0 0 18px;font-size:13px;color:#6b7280}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fld label{font-size:12px;font-weight:800;color:#6b7280;letter-spacing:.04em}
.inp{height:46px;border-radius:12px;border:1px solid #e6e8f2;background:#f6f7fb;padding:0 14px;font:inherit;font-size:14px;color:#1a1a2e}
.inp:focus{outline:2px solid rgba(39,117,255,.35);border-color:#2775ff;background:#fff}
.inp.err{border-color:#ef4444}
.ferr{font-size:12px;color:#dc2626;font-weight:700}
.login-card .btn{width:100%;justify-content:center;height:46px;margin-top:6px}
.login-foot{margin-top:16px;text-align:center;font-size:12.5px;color:#6b7280}
.login-foot a{color:#2775ff;font-weight:700}
.err-page{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.err-page b{display:block;font-size:64px;line-height:1;background:linear-gradient(135deg,#2775ff,#4f2bd6);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Hata sayfası: genel sitenin tema tercihine uyar (html.dark, parcalar/tema_bas.php) */
.err-mesaj{color:#1a1a2e}.err-sebep{background:#fef2f2;color:#991b1b}.err-kod{color:#64748b}.err-kod b{color:#334155;-webkit-text-fill-color:#334155}
html.dark body:has(.err-page){background:#0d1026}html.dark .err-page{color:#eef0fa;color-scheme:dark}
html.dark .err-mesaj{color:#eef0fa}html.dark .err-sebep{background:rgba(248,113,113,.14);color:#fca5a5}html.dark .err-kod{color:#a3a8c7}html.dark .err-kod b{color:#d5d8ee;-webkit-text-fill-color:#d5d8ee}
@media (max-width:900px){
  .grid{grid-template-columns:1fr}
  .sb-out{margin:0}.sb-out button{width:auto}
  .lgrid{grid-template-columns:1fr !important}
  .top .chip{display:none}
}

/* ===== Hesabım ===== */
.hs-ozet{display:flex;align-items:center;gap:18px;padding:20px 22px;margin-bottom:16px;flex-wrap:wrap}
.hs-ava{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-size:26px;font-weight:800;display:grid;place-items:center;box-shadow:0 12px 26px rgba(79,43,214,.3);flex:none}
.hs-kim{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.hs-kim b{font-size:18px;font-weight:800}.hs-kim>span{font-size:13px;color:var(--mut)}
.hs-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.hs-tabs{display:flex;gap:6px;padding:5px;border-radius:16px;background:var(--card2);border:1px solid var(--line);margin-bottom:16px;overflow:auto}
.hs-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--mut);text-decoration:none;white-space:nowrap;transition:.2s}
.hs-tab svg{width:18px;height:18px}
.hs-tab:hover{color:var(--txt)}.hs-tab.on{background:var(--card);color:var(--acc);box-shadow:var(--shadow)}
.hs-pane{margin-bottom:16px}
.hs-pane .card-h{align-items:flex-start;flex-direction:column;gap:4px}.hs-pane .card-h .sub{font-size:12.5px;color:var(--mut)}
.hs-form .fld{margin-bottom:0}
.hs-form .fld label small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--mut2)}
.hs-form .inp{background:var(--card2);border-color:var(--line);color:var(--txt)}
.hs-form textarea.inp{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}
.hs-form select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}
.hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:12px}
.hs-grid .full{grid-column:1/-1}
.hs-act{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--card2);border:1px solid var(--line);gap:4px}
.seg-i{position:relative}.seg-i input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg-i span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:700;color:var(--mut);transition:.2s}
.seg-i input:checked+span{background:var(--card);color:var(--acc);box-shadow:var(--shadow)}
.hs-guc{display:flex;gap:4px;margin-top:6px}.hs-guc i{flex:1;height:4px;border-radius:2px;background:var(--line);transition:.3s}
.hs-guc.g1 i:nth-child(-n+1){background:#ef4444}.hs-guc.g2 i:nth-child(-n+2){background:#f59e0b}.hs-guc.g3 i:nth-child(-n+3){background:#22c55e}.hs-guc.g4 i{background:#15803d}
.hs-show{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);font-weight:600;cursor:pointer;margin-right:auto}
.hs-sw-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.hs-sw{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;background:var(--card2);border:1px solid var(--line);cursor:pointer}
.hs-sw span{display:flex;flex-direction:column;gap:2px}.hs-sw b{font-size:14px;font-weight:700}.hs-sw small{font-size:12px;color:var(--mut)}
.hs-sw input{position:absolute;opacity:0;width:0;height:0}
.hs-sw i{position:relative;flex:none;width:46px;height:26px;border-radius:999px;background:var(--mut2);transition:.25s}
.hs-sw i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.hs-sw input:checked+i{background:linear-gradient(135deg,#2775ff,#4f2bd6)}.hs-sw input:checked+i::after{transform:translateX(20px)}
.hs-sw input:focus-visible+i{box-shadow:0 0 0 4px rgba(39,117,255,.25)}
@media (max-width:700px){.hs-grid{grid-template-columns:1fr}.hs-ozet{padding:16px}.hs-act{flex-wrap:wrap}}
[hidden]{display:none !important}

/* ===== Kaynaklar ===== */
.kk-lead{margin:14px 0 0;color:var(--mut);font-size:14px;line-height:1.6;max-width:720px}
.kk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.kk-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--txt);text-decoration:none;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.kk-card::before{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kr) 22%,transparent),transparent 65%);transition:transform .4s}
.kk-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(26,26,46,.16);border-color:color-mix(in srgb,var(--kr) 45%,var(--line))}
.kk-card:hover::before{transform:scale(1.5)}
.kk-card.bos{opacity:.75}
.kk-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--kr),color-mix(in srgb,var(--kr) 55%,#1a1a2e));box-shadow:0 10px 22px color-mix(in srgb,var(--kr) 35%,transparent)}
.kk-ic svg{width:26px;height:26px}
.kk-badge{position:absolute;right:16px;top:16px;font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:var(--card2);color:var(--mut)}
.kk-no{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--kr)}
.kk-card b{font-size:17px;font-weight:800;line-height:1.25;margin-top:4px}
.kk-card p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mut);flex:1}
.kk-act{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--kr);margin-top:6px}
.kk-act i{font-style:normal;transition:transform .3s}.kk-card:hover .kk-act i{transform:translateX(5px)}
.kk-tools{display:flex;align-items:center;gap:14px;margin:14px 0}
.kk-tools .inp{flex:1;max-width:420px;background:var(--card);border-color:var(--line);color:var(--txt)}
.kk-count{font-size:13px;color:var(--mut)}.kk-count b{color:var(--txt)}
.kk-list{display:flex;flex-direction:column;gap:10px}
.kk-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .25s,transform .25s,box-shadow .25s}
.kk-row:target{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent);scroll-margin-top:90px}
.kk-row:hover{border-color:rgba(39,117,255,.35);transform:translateX(3px);box-shadow:var(--shadow)}
.kk-file{position:relative;flex:none;width:48px;height:56px;border-radius:10px;background:var(--card2);color:var(--mut2);display:grid;place-items:center}
.kk-file svg{width:26px;height:26px}
.kk-file small{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:4px;background:var(--mut2);color:#fff}
.kk-file.pdf{color:#ef4444}.kk-file.pdf small{background:#ef4444}
.kk-body{flex:1;min-width:0}
.kk-body b{display:block;font-size:14.5px;font-weight:800;line-height:1.3}
.kk-body p{margin:3px 0 0;font-size:13px;color:var(--mut);line-height:1.5}
.kk-meta{display:flex;gap:12px;margin-top:6px;font-size:11.5px;color:var(--mut2);font-weight:600}
.kk-actions{display:flex;gap:8px;flex:none}
.kk-modal{position:fixed;inset:0;z-index:200;background:rgba(10,12,30,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}
.kk-modal-box{width:min(1000px,100%);height:min(88vh,900px);background:var(--card);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.kk-modal-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.kk-modal-h b{font-size:14px;font-weight:800}.kk-modal-h div{display:flex;gap:8px}
.kk-modal iframe{flex:1;border:0;width:100%;background:#525659}
@media (max-width:1000px){.kk-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.kk-grid{grid-template-columns:1fr}.kk-row{flex-wrap:wrap}.kk-actions{width:100%;justify-content:flex-end}}

/* ===== Duyurular ===== */
.dy-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.dy-item{border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.dy-item[open]{box-shadow:var(--shadow)}
.dy-item summary{list-style:none;display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer}
.dy-item summary::-webkit-details-marker{display:none}
.dy-date{flex:none;width:52px;height:52px;border-radius:14px;background:var(--card2);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.dy-date b{font-size:18px;font-weight:800}.dy-date small{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--acc);text-transform:uppercase;margin-top:2px}
.dy-item[open] .dy-date{background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff}.dy-item[open] .dy-date small{color:#ffd166}
.dy-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:14.5px;font-weight:800}
.dy-title em{font-style:normal;display:inline-block;vertical-align:middle}
.dy-title small{font-size:12px;font-weight:600;color:var(--mut)}
.dy-chev{color:var(--mut2);font-size:18px;transition:transform .3s}.dy-item[open] .dy-chev{transform:rotate(180deg)}
.dy-body{padding:0 16px 16px 82px;font-size:14px;line-height:1.7;color:var(--txt)}
@media (max-width:640px){.dy-body{padding-left:16px}}

/* ===== Kurs Akışı ===== */
.ak-head{display:flex;align-items:center;gap:18px;padding:16px 20px;margin-top:14px}
.ak-prog{flex:1;height:8px;border-radius:999px;background:var(--card2);overflow:hidden}
.ak-prog span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2775ff,#4f2bd6);transition:width .6s}
.ak-list{list-style:none;margin:18px 0 0;padding:0 0 0 8px;position:relative}
.ak-list::before{content:'';position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:var(--line)}
.ak-item{position:relative;display:flex;gap:18px;padding:0 0 16px}
.ak-dot{flex:none;width:32px;height:32px;border-radius:50%;background:var(--card);border:2px solid var(--line);color:var(--mut);font-size:12px;font-weight:800;display:grid;place-items:center;position:relative;z-index:1;margin-top:10px}
.ak-item.gecti .ak-dot{background:var(--okbg);border-color:transparent;color:var(--ok)}
.ak-item.simdi .ak-dot{background:linear-gradient(135deg,#2775ff,#4f2bd6);border-color:transparent;color:#fff;box-shadow:0 0 0 6px rgba(39,117,255,.18)}
.ak-card{flex:1;padding:14px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.ak-item.simdi .ak-card{border-color:rgba(39,117,255,.5);box-shadow:var(--shadow)}
.ak-item.gecti .ak-card{opacity:.75}
.ak-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.ak-title b{font-size:15px;font-weight:800}.ak-title em{font-style:normal}
.ak-body{margin-top:8px;display:flex;flex-direction:column;gap:5px}
.ak-line{position:relative;padding-left:16px;font-size:13.5px;color:var(--mut);line-height:1.5}
.ak-line::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--acc)}

/* ===== Testler: liste ===== */
.ts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.ts-card{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.ts-card:hover{transform:translateY(-4px)}
.ts-card.acik{border-color:rgba(245,158,11,.5)}
.ts-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ts-kind{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--acc)}
.ts-title{font-size:17px;font-weight:800;line-height:1.3}
.ts-desc{margin:0;font-size:13.5px;color:var(--mut);line-height:1.5}
.ts-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--mut)}
.ts-meta span{display:inline-flex;align-items:center;gap:6px}.ts-meta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ts-last{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;padding:10px 12px;border-radius:12px;background:var(--card2)}
.ts-last .d{color:var(--ok)}.ts-last .y{color:#ef4444}.ts-last .b{color:var(--mut)}.ts-last a{margin-left:auto;font-weight:700;color:var(--acc)}
.ts-act{margin-top:auto;padding-top:6px}
.ts-hist{display:flex;flex-direction:column;gap:8px}
.ts-hrow{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;color:var(--txt);text-decoration:none;transition:background .2s}
.ts-hrow:hover{background:var(--card2)}
.ts-hp{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--acc) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none}
.ts-hp b{width:34px;height:34px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:12px;font-weight:800}
.ts-ht{flex:1;display:flex;flex-direction:column;gap:2px}.ts-ht b{font-size:14px;font-weight:800}.ts-ht small{font-size:12px;color:var(--mut)}
.ts-hgo{color:var(--mut2);font-weight:800}
@media (max-width:800px){.ts-grid{grid-template-columns:1fr}}

/* ===== Sınav ekranı ===== */
.sn{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:14px;align-items:start}
.sn-side{position:sticky;top:calc(var(--ust-yukseklik,0px) + 14px);display:flex;flex-direction:column;gap:12px}
.sn-timer{padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-align:center}
.sn-timer small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mut)}
.sn-timer b{font-size:36px;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}
.sn-timer.az b{color:#ef4444;animation:sn-blink 1s steps(2) infinite}
@keyframes sn-blink{to{opacity:.55}}
.sn-prog{height:6px;border-radius:999px;background:var(--card2);overflow:hidden}.sn-prog span{display:block;height:100%;background:linear-gradient(90deg,#2775ff,#4f2bd6);transition:width .3s}
.sn-map{padding:14px 16px}.sn-map>small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mut);margin-bottom:10px}
.sn-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sn-num{height:36px;border-radius:10px;display:grid;place-items:center;font-size:12.5px;font-weight:800;background:var(--card2);color:var(--mut);text-decoration:none;border:1px solid transparent;transition:.2s}
.sn-num.ok{background:var(--okbg);color:var(--ok)}.sn-num:hover{border-color:var(--acc);color:var(--txt)}
.sn-legend{display:flex;gap:12px;margin-top:10px;font-size:11px;color:var(--mut);font-weight:700}
.sn-legend span{display:inline-flex;align-items:center;gap:5px}.sn-legend i{width:10px;height:10px;border-radius:3px;background:var(--card2);border:1px solid var(--line)}.sn-legend i.ok{background:var(--okbg);border-color:transparent}
.sn-bitir{width:100%;justify-content:center;height:46px}
.sn-note{font-size:11.5px;color:var(--mut);text-align:center;line-height:1.5}
.sn-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.sn-q{padding:18px 20px;scroll-margin-top:14px;transition:box-shadow .3s}
.sn-q.vurgu{box-shadow:0 0 0 3px rgba(39,117,255,.35)}
.sn-qh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sn-qn{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.sn-qstat{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mut)}.sn-qstat.ok{color:var(--ok)}
.sn-qt{font-size:15.5px;line-height:1.7;margin-bottom:14px}.sn-qt p{margin:0 0 8px}.sn-qt img{max-width:100%;border-radius:10px}
.sn-opts{display:flex;flex-direction:column;gap:8px}
.sn-opt{position:relative;display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card2);cursor:pointer;transition:.2s}
.sn-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sn-opt:hover{border-color:rgba(39,117,255,.5)}
.sn-opt.on{border-color:var(--acc);background:rgba(39,117,255,.08)}
.sn-l{flex:none;width:28px;height:28px;border-radius:8px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:12.5px;font-weight:800;color:var(--mut)}
.sn-opt.on .sn-l{background:var(--acc);color:#fff;border-color:transparent}
.sn-t{font-size:14.5px;line-height:1.55;padding-top:3px}
.sn-clear{margin-top:10px;background:none;border:0;color:var(--mut);font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline}
.sn-end{padding:22px;text-align:center}.sn-end b{font-size:16px}.sn-end p{margin:6px 0 14px;color:var(--mut);font-size:13.5px}
@media (max-width:900px){.sn{grid-template-columns:1fr}.sn-side{position:static;flex-direction:row;flex-wrap:wrap}.sn-timer,.sn-map{flex:1 1 220px}.sn-bitir{flex:1 1 100%}.sn-note{display:none}}

/* ===== Sonuç ===== */
.rs-head{display:flex;align-items:center;gap:24px;padding:22px 26px;margin-top:14px;flex-wrap:wrap}
.rs-ring{width:124px;height:124px;border-radius:50%;background:conic-gradient(var(--acc) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none;animation:rs-grow 1s ease both}
@keyframes rs-grow{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.rs-ring div{width:100px;height:100px;border-radius:50%;background:var(--card);display:flex;align-items:baseline;justify-content:center;gap:2px;padding-top:34px;box-sizing:border-box}
.rs-ring b{font-size:34px;font-weight:800;line-height:1}.rs-ring small{font-size:12px;color:var(--mut);font-weight:700}
.rs-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.rs-title{font-size:24px;font-weight:800}.rs-text p{margin:0;color:var(--mut);font-size:14px;line-height:1.55}
.rs-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.rs-stats span{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:12px;background:var(--card2);font-size:11.5px;font-weight:700;color:var(--mut);min-width:70px}
.rs-stats span b{font-size:18px;color:var(--txt)}.rs-stats .d b{color:var(--ok)}.rs-stats .y b{color:#ef4444}
.rs-acts{display:flex;flex-direction:column;gap:8px}.rs-acts .btn{justify-content:center}
.rs-prev{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--mut)}
.rs-filters{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--card2);border:1px solid var(--line);margin-top:16px}
.rs-filters .pk-tab{height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:13px;font-weight:700;color:var(--mut);cursor:pointer;transition:.2s}.rs-filters .pk-tab:hover{color:var(--txt)}.rs-filters .pk-tab.on{background:var(--card);color:var(--acc);box-shadow:var(--shadow)}
.rs-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.rs-q{border-left:4px solid var(--line)}.rs-q.d{border-left-color:#22c55e}.rs-q.y{border-left-color:#ef4444}.rs-q.b{border-left-color:#f59e0b}
.rs-tag{font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--card2);color:var(--mut)}
.rs-tag.d{background:var(--okbg);color:var(--ok)}.rs-tag.y{background:rgba(239,68,68,.12);color:#ef4444}.rs-tag.b{background:var(--warnbg);color:var(--warn)}
.rs-q .sn-opt{cursor:default}.rs-q .sn-opt:hover{border-color:var(--line)}
.sn-opt.dogru{border-color:#22c55e;background:rgba(34,197,94,.1)}.sn-opt.dogru .sn-l{background:#22c55e;color:#fff;border-color:transparent}
.sn-opt.yanlis{border-color:#ef4444;background:rgba(239,68,68,.08)}.sn-opt.yanlis .sn-l{background:#ef4444;color:#fff;border-color:transparent}
.rs-mark{margin-left:auto;align-self:center;font-size:11px;font-weight:800;color:var(--mut);white-space:nowrap}
.rs-coz{margin-top:12px;border-radius:14px;background:var(--card2);padding:0 14px}
.rs-coz summary{cursor:pointer;padding:12px 0;font-weight:800;font-size:13.5px;list-style:none}.rs-coz summary::-webkit-details-marker{display:none}
.rs-coz div{padding:0 0 14px;font-size:14px;line-height:1.7;color:var(--txt)}

/* ===== Günlük Etkinlik ===== */
.gk-tabs .hs-tab small{font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--card2);color:var(--mut)}
.gk-tabs .hs-tab.on small{background:var(--kr);color:#fff}
.gk-dot{width:8px;height:8px;border-radius:50%;background:var(--kr)}
.gk-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;flex-wrap:wrap;border-left:4px solid var(--kr)}
.gk-head b{font-size:18px;font-weight:800}.gk-head p{margin:4px 0 0;font-size:13.5px;color:var(--mut)}
.gk-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--mut);font-weight:700}
.gk-ring{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--kr) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;transition:.4s}
.gk-ring b{width:44px;height:44px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--txt)}
.gk-tools{display:flex;align-items:center;gap:12px;margin:16px 0 12px;flex-wrap:wrap}
.gk-hint{font-size:12px;color:var(--mut);margin-right:auto}.gk-hint kbd{font:inherit;font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--line);background:var(--card2)}
.gk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gk-card{display:flex;flex-direction:column;gap:8px;animation:gk-in .5s ease both;animation-delay:calc(var(--i)*40ms)}
@keyframes gk-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gk-inner{position:relative;height:292px;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);perspective:1000px}
.gk-card.cevrik .gk-inner{transform:rotateY(180deg)}
.gk-face{position:absolute;inset:0;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;box-sizing:border-box;overflow:hidden;text-align:center}
.gk-on{border-top:4px solid var(--kr)}
.gk-arka{transform:rotateY(180deg);background:linear-gradient(160deg,color-mix(in srgb,var(--kr) 90%,#000),color-mix(in srgb,var(--kr) 55%,#1a1a2e));color:#fff;border-color:transparent;justify-content:flex-start;padding-top:22px}
.gk-no{position:absolute;left:12px;top:12px;font-size:11px;font-weight:800;color:var(--mut2)}
.gk-card.ogr .gk-on::after{content:'✓';position:absolute;right:10px;top:8px;width:24px;height:24px;border-radius:50%;background:#22c55e;color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}
.gk-face img{width:100%;aspect-ratio:4/3;height:auto;max-height:172px;object-fit:cover;border-radius:12px}
.gk-harf{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,var(--kr),color-mix(in srgb,var(--kr) 50%,#1a1a2e));color:#fff;font-size:44px;font-weight:800;display:grid;place-items:center;box-shadow:0 14px 28px color-mix(in srgb,var(--kr) 35%,transparent)}
.gk-kelime{font-size:18px;font-weight:800;line-height:1.2}
.gk-tap{font-size:11px;color:var(--mut2);font-weight:600;margin-top:auto}.gk-arka .gk-tap{color:rgba(255,255,255,.65)}
.gk-anlam{font-size:15px;font-weight:700;color:#ffd166}
.gk-icerik{font-size:13px;line-height:1.55;opacity:.95;overflow:auto;max-height:120px;padding:0 4px}
.gk-foot{display:flex;gap:8px;align-items:center}
.gk-ogr{flex:1;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--mut);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.2s}
.gk-ogr i{width:16px;height:16px;border-radius:50%;border:2px solid var(--mut2);display:grid;place-items:center;transition:.2s}
.gk-card.ogr .gk-ogr{background:var(--okbg);color:var(--ok);border-color:transparent}
.gk-card.ogr .gk-ogr i{background:#22c55e;border-color:#22c55e}.gk-card.ogr .gk-ogr i::after{content:'';width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) translate(-1px,-1px)}
.gk-ses{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--mut);cursor:pointer;display:grid;place-items:center;transition:.2s}
.gk-ses:hover{color:var(--acc);border-color:var(--acc)}.gk-ses svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gk-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:22px}
.gk-pg{min-width:38px;height:38px;padding:0 10px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--card);border:1px solid var(--line);color:var(--mut);text-decoration:none;transition:.2s}
.gk-pg:hover{border-color:var(--acc);color:var(--txt)}.gk-pg.on{background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;border-color:transparent}
.gk-pg.pasif{opacity:.4;pointer-events:none}.gk-pg.nokta{border:0;background:none}
.gk-git{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mut);font-weight:700}
.gk-git .inp{width:70px;height:38px;background:var(--card);border-color:var(--line);color:var(--txt)}
@media (max-width:1100px){.gk-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.gk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gk-grid{grid-template-columns:1fr}.gk-git{margin-left:0;width:100%}}

/* ===== Akademik Sözlük ===== */
.sz-ara{padding:18px 20px;margin-top:14px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--acc) 6%,var(--card)))}
.sz-form{display:flex;gap:10px;align-items:stretch}
.sz-inp-wrap{position:relative;flex:1}
.sz-inp-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--mut2);stroke-width:2;stroke-linecap:round}
.sz-inp-wrap .inp{width:100%;height:50px;padding-left:44px;font-size:15px;background:var(--card);border-color:var(--line);color:var(--txt);box-sizing:border-box}
.sz-form .btn{height:50px;padding:0 22px}
.sz-oneri{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.sz-oneri a{display:flex;flex-direction:column;gap:1px;padding:10px 14px;color:var(--txt);text-decoration:none}
.sz-oneri a:hover{background:var(--card2)}.sz-oneri b{font-size:14px}.sz-oneri small{font-size:12px;color:var(--mut)}
.sz-hist{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--mut);font-weight:700}
.sz-hist .pill{text-decoration:none}.sz-hist button{background:none;border:0;color:var(--mut);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;margin-left:auto}
.sz-sonuc{padding:22px 24px;margin-top:14px;display:flex;flex-direction:column;gap:16px}
.sz-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sz-kelime{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sz-kelime>b{font-size:30px;font-weight:800;letter-spacing:.02em}
.sz-anlam{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--card2)}
.sz-anlam span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mut)}.sz-anlam b{font-size:19px;font-weight:800;color:var(--acc)}
.sz-blok{display:flex;flex-direction:column;gap:6px}
.sz-blok small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--mut)}
.sz-blok p{margin:0;font-size:15px;line-height:1.6}.sz-tr{color:var(--mut)!important;font-size:13.5px!important}
.sz-cift{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sz-chips{display:flex;gap:6px;flex-wrap:wrap}.sz-chips a{padding:6px 12px;border-radius:999px;background:var(--card2);border:1px solid var(--line);color:var(--txt);font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.sz-chips a:hover{border-color:var(--acc);color:var(--acc)}
.sz-not{font-size:12.5px;color:var(--mut);padding:10px 14px;border-radius:12px;background:var(--warnbg);color:var(--warn)}
.sz-spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--acc);border-radius:50%;animation:sz-rot .8s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes sz-rot{to{transform:rotate(360deg)}}
.sz-listem{margin-top:16px}
.sz-liste{display:flex;flex-direction:column;gap:6px}
.sz-satir{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;transition:background .2s}.sz-satir:hover{background:var(--card2)}
.sz-w{display:flex;align-items:baseline;gap:8px;min-width:160px;color:var(--txt);text-decoration:none}.sz-w b{font-size:14.5px}.sz-w small{font-size:11px;color:var(--mut)}
.sz-a{flex:1;font-size:13.5px;color:var(--mut)}
.sz-sil button{width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--mut2);cursor:pointer;font-weight:800}.sz-sil button:hover{background:rgba(239,68,68,.12);color:#ef4444}
.sz-kartbox{height:auto;max-width:560px;padding-bottom:18px}
.sz-kart{padding:24px;perspective:1200px}
.sz-kart-ic{position:relative;height:240px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.sz-kart-ic.cevrik{transform:rotateY(180deg)}
.sz-kart-on,.sz-kart-arka{position:absolute;inset:0;border-radius:20px;display:grid;place-items:center;padding:24px;text-align:center;font-weight:800;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sz-kart-on{background:var(--card2);border:1px solid var(--line);font-size:34px;letter-spacing:.02em}
.sz-kart-arka{transform:rotateY(180deg);background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-size:22px}
.sz-kart-nav{display:flex;justify-content:center;gap:10px}
@media (max-width:700px){.sz-cift{grid-template-columns:1fr}.sz-form{flex-direction:column}.sz-satir{flex-wrap:wrap}.sz-w{min-width:0}}

.sz-ipa{font-size:15px;color:var(--mut);font-family:'Charis SIL','Doulos SIL',serif}
.sz-anlam small{display:block;font-size:12.5px;color:var(--mut);font-weight:600;margin-top:4px}
.sz-hocanotu{padding:12px 16px;border-radius:14px;background:var(--okbg);border-left:4px solid #22c55e}.sz-hocanotu small{color:var(--ok)}
.sz-tgrp{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.sz-tgrp em{flex:none;font-style:normal;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--card2);color:var(--acc);margin-top:3px}
.sz-tgrp ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.6}.sz-tgrp li{margin-bottom:2px}
.sz-ornek{font-style:italic;padding:10px 14px;border-radius:0 10px 10px 0;border-left:3px solid var(--acc);background:var(--card2)}
.sz-kutu{padding:14px 16px;border-radius:14px;background:var(--card2)}.sz-kutu.es{background:rgba(34,197,94,.08)}.sz-kutu.zit{background:rgba(239,68,68,.07)}
.sz-kutu.zit .sz-chips a{color:#be123c}.sz-kutu.zit .sz-chips a:hover{border-color:#be123c}
.sz-chips span{padding:6px 12px;border-radius:999px;background:var(--card);border:1px dashed var(--line);font-size:13px;font-weight:600;color:var(--mut)}
.sz-not2{margin:0;font-size:12px;color:var(--mut)}
.sz-not a{font-weight:800;color:inherit;margin-right:6px}
.sz-durum{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:6px}.sz-durum.ok{color:var(--ok)}
.sz-oneri a.yerel b::after{content:' ★';color:#f59e0b;font-size:11px}.sz-oneri a.sec{background:var(--card2)}

/* ── Siparişlerim · sipariş detayı · ödeme bildirimi · hesap numaraları ── */
.pill.warn{background:var(--warnbg);color:var(--warn)}.pill.off{background:var(--card2);color:var(--mut);text-decoration:line-through}
.sp-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.sp-k{padding:16px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.sp-k small{font-size:11.5px;letter-spacing:.08em;font-weight:800;color:var(--mut);text-transform:uppercase}.sp-k b{font-size:24px;letter-spacing:-.02em}
.sp-k::after{content:'';position:absolute;right:-20px;top:-20px;width:70px;height:70px;border-radius:50%;background:var(--card2)}
.sp-k.warn::after{background:var(--warnbg)}.sp-k.ok::after{background:var(--okbg)}
.sp-araclar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:14px}
.sp-tablo-sar{overflow:auto}
.sp-tablo{width:100%;border-collapse:collapse;font-size:13.5px}
.sp-tablo th{text-align:left;font-size:11px;letter-spacing:.08em;color:var(--mut);font-weight:800;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.sp-tablo td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}
.sp-tablo tbody tr:last-child td{border-bottom:0}.sp-tablo tbody tr:hover td{background:var(--card2)}
.sp-tablo .r{text-align:right}.sp-tablo tfoot td{padding:9px 14px;border:0;color:var(--mut)}.sp-tablo tfoot tr.sd-genel td{font-weight:800;color:var(--txt);font-size:15px;border-top:1px solid var(--line);padding-top:12px}
.sp-kod{font-weight:800;color:var(--acc);text-decoration:none;display:block}.sp-tablo td small{display:block;font-size:11.5px;color:var(--mut);margin-top:2px}
.sp-paket span{display:block;font-weight:600}.sp-paket span+span{margin-top:3px}
.sp-islem{white-space:nowrap}.sp-islem>*{display:inline-block;vertical-align:middle;margin-left:6px}.sp-islem form{margin:0}
.sp-iptal{color:#ef4444!important}.sp-iptal:hover{background:rgba(239,68,68,.1)!important}
tr.sp-durum-iptal td,tr.sp-durum-iade td{opacity:.6}
.sp-notlar{padding:14px 18px;font-size:12.5px;color:var(--mut);line-height:1.6;border-top:1px dashed var(--line)}.sp-notlar p{margin:0 0 4px}
.sp-dialog{border:0;border-radius:20px;padding:0;width:min(440px,calc(100vw - 32px));background:var(--card);color:var(--txt);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.sp-dialog::backdrop{background:rgba(10,12,30,.6);backdrop-filter:blur(4px)}
.sp-dialog form{padding:22px;display:flex;flex-direction:column;gap:12px}.sp-dialog b{font-size:17px}.sp-dialog p{margin:0;font-size:13.5px;color:var(--mut);line-height:1.55}
.sp-dialog-b{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.sd-bas{display:grid;grid-template-columns:1fr auto;gap:18px;padding:22px;align-items:center}
.sd-bas small{display:block;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--mut)}.sd-bas>div>b{font-size:24px;letter-spacing:-.02em;margin-right:10px}
.sd-tutar{text-align:right}.sd-tutar b{font-size:28px;display:block}.sd-tutar span{font-size:12.5px;color:var(--mut)}
.sd-adim{grid-column:1/-1;display:flex;gap:0;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.sd-adim i{flex:1;font-style:normal;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--mut);position:relative}
.sd-adim i b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--card2);border:1px solid var(--line);font-size:12px}
.sd-adim i::after{content:'';flex:1;height:2px;background:var(--line);margin:0 10px}.sd-adim i:last-child::after{display:none}
.sd-adim i.on{color:var(--txt)}.sd-adim i.on b{background:var(--okbg);color:var(--ok);border-color:transparent}.sd-adim i.on::after{background:var(--ok)}
.sd-adim i.cur b{background:var(--warnbg);color:var(--warn);box-shadow:0 0 0 4px var(--warnbg)}.sd-adim i.cur::after{background:var(--line)}
.sd-uyari{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-top:14px;border-left:4px solid var(--warn);background:var(--warnbg)}
.sd-uyari b{display:block;font-size:14.5px}.sd-uyari span{font-size:13px;color:var(--mut)}.sd-uyari.off{border-color:var(--mut);background:var(--card2)}
.sd-uyari-b{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sd-uyari-b form{margin:0}
.sd-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px;align-items:start}
.sd-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;padding:16px 18px}
.sd-dl dt{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--mut);text-transform:uppercase}.sd-dl dd{margin:3px 0 0;font-weight:600;font-size:13.5px;line-height:1.5}.sd-dl .tam{grid-column:1/-1}
.sd-not{margin:0;padding:0 18px 16px;font-size:12px;color:var(--mut);line-height:1.55}
.sd-erisim{padding:14px 18px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px}.sd-erisim b{font-size:12px;letter-spacing:.06em;color:var(--mut)}
.sd-erisim a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--card2);text-decoration:none;color:var(--txt);font-weight:700;font-size:13.5px}.sd-erisim a small{color:var(--mut);font-weight:600}
.ob-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px;align-items:start}
.ob-banks{display:flex;flex-direction:column;gap:10px}
.ob-bank{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.ob-bank b{font-size:14px}.ob-bank span{font-size:12.5px;color:var(--mut)}.ob-bank code{font-size:13px;margin-top:4px;background:var(--card);padding:6px 8px;border-radius:8px;user-select:all;border:1px dashed var(--line)}
.ob-bank code:hover{border-color:var(--acc);color:var(--acc)}
.hn-kartlar{display:none;padding:14px;gap:10px;flex-direction:column}
.hn-tablo code{user-select:all;background:var(--card2);padding:4px 8px;border-radius:8px;font-size:12.5px}.hn-tablo code:hover{color:var(--acc)}
.inp-file{padding:9px 14px;line-height:1.6}
@media (max-width:960px){.sp-ozet{grid-template-columns:1fr 1fr}.sd-grid,.ob-grid{grid-template-columns:1fr}.sd-bas{grid-template-columns:1fr}.sd-tutar{text-align:left}}
@media (max-width:720px){.hn-tablo{display:none}.hn-kartlar{display:flex}.sd-adim{flex-wrap:wrap;gap:8px}.sd-adim i::after{display:none}.sp-islem{white-space:normal}}
.card-h .sub{font-size:12.5px;color:var(--mut);font-weight:500}
.bild-ac{margin:0 0 14px;font-size:13.5px;line-height:1.55}

/* ── Profil kahramanı (Hesabım) ─────────────────────────────────────── */
.pf-hero{padding:0;overflow:hidden;margin-bottom:16px}
.pf-kapak{height:120px;background:var(--kapak);position:relative;overflow:hidden}
.pf-kapak i{position:absolute;border-radius:50%;background:rgba(255,255,255,.12);animation:pf-float 12s ease-in-out infinite}
.pf-kapak i:nth-child(1){width:220px;height:220px;right:-60px;top:-120px}.pf-kapak i:nth-child(2){width:120px;height:120px;left:30%;top:40px;animation-delay:-4s}.pf-kapak i:nth-child(3){width:70px;height:70px;left:8%;top:-20px;animation-delay:-8s}
@keyframes pf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.pf-ust{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:0 24px 20px;margin-top:-48px}
.pf-kim,.pf-xp{padding-top:58px}
.pf-ava-sar{position:relative;width:104px;height:104px}
.pf-ava .zh-ava{width:96px!important;height:96px!important;font-size:42px!important;box-shadow:0 0 0 4px var(--card),0 10px 30px rgba(0,0,0,.25)}
.pf-ava-btn{position:absolute;right:-2px;bottom:4px;width:32px;height:32px;border-radius:50%;border:3px solid var(--card);background:var(--acc);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:0 6px 14px rgba(39,117,255,.4)}
.pf-ava-btn:hover{transform:scale(1.1) rotate(-8deg)}
.pf-sv{position:absolute;left:-4px;bottom:4px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#4a2a00;font-size:12px;font-weight:800;display:grid;place-items:center;border:3px solid var(--card)}
.pf-kim{min-width:0}
.pf-kim>b{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em}.pf-kim>b small{font-size:13px;color:var(--mut);font-weight:600;margin-left:4px}
.pf-kim>span{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
.pf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pf-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--txt)}
.pf-chip i{font-style:normal;font-size:12px}.pf-chip.sv{background:rgba(245,158,11,.12);border-color:transparent;color:#b45309}.app.dark .pf-chip.sv{color:#fbbf24}
.pf-chip.seri.on{background:rgba(249,115,22,.14);border-color:transparent;color:#c2410c}.app.dark .pf-chip.seri.on{color:#fb923c}
.pf-chip.hedef{background:rgba(39,117,255,.12);border-color:transparent;color:var(--acc)}
.pf-xp{width:240px;padding-bottom:6px}
.pf-xp-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--mut)}.pf-xp-h b{font-size:16px;color:var(--txt)}
.pf-bar{height:10px;border-radius:999px;background:var(--card2);border:1px solid var(--line);overflow:hidden;margin:6px 0}
.pf-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2775ff,#7c3aed,#f59e0b);background-size:200% 100%;animation:pf-bar 3s linear infinite;transition:width .6s}
@keyframes pf-bar{to{background-position:200% 0}}
.pf-xp-link{font-size:12.5px;font-weight:700;color:var(--acc);text-decoration:none}
.pf-alt-baslik{margin:18px 0 12px;padding-top:16px;border-top:1px dashed var(--line);font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--mut);text-transform:uppercase}
.pf-range{display:flex;align-items:center;gap:12px;height:46px}.pf-range input{flex:1;accent-color:var(--acc)}.pf-range output{min-width:44px;text-align:center;font-weight:800;font-size:15px;padding:4px 8px;border-radius:9px;background:var(--card2)}
.pf-kapaklar{display:flex;gap:8px;flex-wrap:wrap}
.pf-kp{width:46px;height:34px;border-radius:10px;cursor:pointer;position:relative;display:grid;place-items:center;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.pf-kp input{position:absolute;opacity:0;width:0;height:0}.pf-kp i{width:14px;height:14px;border-radius:50%;background:#fff;opacity:0;transform:scale(.5);transition:.2s}
.pf-kp:hover{transform:translateY(-2px)}.pf-kp input:checked+i{opacity:1;transform:none}.pf-kp:has(input:checked){box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--acc)}
/* avatar modalı */
.pf-modal{border:0;border-radius:22px;padding:0;width:min(760px,calc(100vw - 32px));background:var(--card);color:var(--txt);box-shadow:0 40px 100px rgba(0,0,0,.45)}
.pf-modal::backdrop{background:rgba(10,12,30,.65);backdrop-filter:blur(6px)}
.pf-modal-h{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.pf-modal-h b{font-size:16px}
.pf-modal-b{display:grid;grid-template-columns:220px 1fr;gap:22px;padding:22px}
.pf-sec-sol{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.pf-onizle .zh-ava{width:120px!important;height:120px!important;font-size:54px!important;transition:transform .4s cubic-bezier(.2,1.4,.4,1)}
.pf-onizle.pop .zh-ava{animation:pf-pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pf-pop{0%{transform:scale(.6)}100%{transform:none}}
.pf-yukle{cursor:pointer;width:100%;justify-content:center}.pf-sec-sol small{font-size:11.5px;color:var(--mut);line-height:1.4}
.pf-sil{background:none;border:0;color:#ef4444;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:underline;margin-top:4px}
.pf-sec-t{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--mut);text-transform:uppercase;margin-bottom:10px}
.pf-hazir{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pf-h{aspect-ratio:1;border:0;border-radius:50%;font-size:28px;cursor:pointer;display:grid;place-items:center;transition:.2s;box-shadow:0 4px 10px rgba(0,0,0,.15);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.pf-h:hover{transform:translateY(-3px) scale(1.06)}.pf-h.on{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--acc)}
.pf-modal.yukleniyor .pf-modal-b{opacity:.5;pointer-events:none}
.pf-modal-hata{margin:0 22px 18px;padding:10px 14px;border-radius:10px;background:var(--warnbg);color:var(--warn);font-size:13px;font-weight:600}
/* yolculuğum */
.yl-sayac{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.yl-k{padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line);text-align:center}.yl-k b{display:block;font-size:24px;letter-spacing:-.02em}.yl-k span{font-size:11.5px;color:var(--mut);font-weight:600}
.yl-baslik{margin:22px 0 10px;font-size:14px;font-weight:800}.yl-baslik small{font-weight:600;color:var(--mut);margin-left:6px;font-size:12px}
.yl-takvim{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,14px);gap:4px;overflow:auto;padding-bottom:4px}
.yl-takvim i,.yl-lejant i{width:14px;height:14px;border-radius:4px;background:var(--card2);border:1px solid var(--line);display:block}
.yl-takvim i.bugun{box-shadow:0 0 0 2px var(--acc)}
.s1{background:rgba(39,117,255,.25)!important}.s2{background:rgba(39,117,255,.5)!important}.s3{background:rgba(39,117,255,.75)!important}.s4{background:#2775ff!important}
.yl-lejant{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:11px;color:var(--mut)}
.yl-rozetler{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.yl-rz{padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--card2);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative;transition:.25s}
.yl-rz-i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--line);filter:grayscale(1);opacity:.5;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.yl-rz b{font-size:13px}.yl-rz small{font-size:11.5px;color:var(--mut);line-height:1.4}.yl-rz em{font-style:normal;font-size:11px;color:var(--mut2);margin-top:2px}
.yl-rz.on{border-color:transparent;background:color-mix(in srgb,var(--rk) 10%,var(--card))}
.yl-rz.on .yl-rz-i{filter:none;opacity:1;background:color-mix(in srgb,var(--rk) 22%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--rk) 35%,transparent)}
.yl-rz.on em{color:var(--rk);font-weight:700}.yl-rz.on:hover{transform:translateY(-3px)}
@media (max-width:960px){.pf-ust{grid-template-columns:auto 1fr}.pf-xp{grid-column:1/-1;width:100%;padding-top:0}.yl-sayac{grid-template-columns:repeat(3,1fr)}.yl-rozetler{grid-template-columns:repeat(2,1fr)}.pf-modal-b{grid-template-columns:1fr}.pf-hazir{grid-template-columns:repeat(6,1fr)}}
@media (max-width:600px){.yl-sayac{grid-template-columns:1fr 1fr}.pf-hazir{grid-template-columns:repeat(4,1fr)}}
.ava-link{display:inline-flex;border-radius:50%;transition:transform .2s}.ava-link:hover{transform:scale(1.08)}
/* rozet kutlaması */
.rz-kutla{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:10px;transition:.5s}
.rz-kutla.git{opacity:0;transform:translateX(-50%) translateY(-20px)}
.rz-k{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:18px;background:var(--card);color:var(--txt);box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px var(--line);border-left:5px solid var(--rk);min-width:320px;animation:rz-in .7s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i) * .35s)}
@keyframes rz-in{from{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:none}}
.rz-k-i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--rk) 20%,transparent);animation:rz-spin 1.2s ease-out;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
@keyframes rz-spin{0%{transform:rotate(-30deg) scale(.4)}60%{transform:rotate(10deg) scale(1.15)}100%{transform:none}}
.rz-k div{flex:1;display:flex;flex-direction:column}.rz-k small{font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--rk);text-transform:uppercase}.rz-k b{font-size:15px}.rz-k div>span{font-size:12px;color:var(--mut)}
.rz-k>a{font-size:12.5px;font-weight:800;color:var(--rk);text-decoration:none;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--rk) 12%,transparent)}
.rz-konf{position:absolute;inset:0;pointer-events:none;border-radius:18px;overflow:hidden}
.rz-konf::before,.rz-konf::after{content:'';position:absolute;left:10%;top:-10px;width:6px;height:10px;background:var(--rk);border-radius:2px;animation:rz-konf 1.6s ease-in forwards;box-shadow:40px 0 0 #f59e0b,90px 0 0 #22c55e,140px 0 0 #3b82f6,190px 0 0 #ec4899,240px 0 0 #a855f7,290px 0 0 #f97316}
.rz-konf::after{left:20%;animation-delay:.25s;animation-duration:1.9s}
@keyframes rz-konf{to{transform:translateY(120px) rotate(540deg);opacity:0}}
/* Bugün: seri · günlük hedef · hafta · sınav geri sayımı */
.gn-sag{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;min-width:0}
.gn-kart{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.gn-seri{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 12px;border-radius:14px;background:rgba(0,0,0,.18);min-width:76px}
.gn-alev{font-size:22px;filter:grayscale(1);opacity:.6;transition:.3s}.gn-seri.on .gn-alev{filter:none;opacity:1;animation:gn-alev 1.6s ease-in-out infinite}
@keyframes gn-alev{0%,100%{transform:scale(1)}50%{transform:scale(1.18) rotate(-4deg)}}
.gn-seri b{font-size:24px;line-height:1.1;margin-top:2px}.gn-seri small{font-size:10.5px;letter-spacing:.08em;font-weight:800;opacity:.8;text-transform:uppercase}
.gn-hedef-h{display:flex;justify-content:space-between;font-size:12.5px}.gn-hedef-h b{font-weight:800}.gn-hedef-h span{opacity:.85;font-weight:700}
.gn-bar{height:9px;border-radius:999px;background:rgba(0,0,0,.25);overflow:hidden;margin:7px 0 5px}
.gn-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd166,#ff8a3d);box-shadow:0 0 12px rgba(255,209,102,.6);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.gn-hedef small{font-size:11.5px;opacity:.85}
.gn-hafta{grid-column:1/-1;display:flex;gap:6px}
.gn-hafta i{flex:1;height:30px;border-radius:9px;background:rgba(0,0,0,.18);display:grid;place-items:center;font-size:10.5px;font-style:normal;font-weight:800;opacity:.7}
.gn-hafta i.on{background:#ffd166;color:#4a2a00;opacity:1}.gn-hafta i.bugun{outline:2px solid rgba(255,255,255,.8);outline-offset:1px}
.gn-sinav{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.18);color:#fff;text-decoration:none}
.gn-sinav b{font-size:20px}.gn-sinav small{font-size:12px;opacity:.85;font-weight:600}
.gn-sinav.bos{border:1px dashed rgba(255,255,255,.4);background:transparent}.gn-sinav.bos:hover{background:rgba(255,255,255,.1)}
@media (max-width:860px){.gn-kart{grid-template-columns:1fr}.gn-seri{flex-direction:row;gap:8px;justify-content:flex-start}}
.demo-bant{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border-radius:14px;background:linear-gradient(120deg,#2b19a3,#4f2bd6 50%,#2775ff);color:#fff;margin-bottom:14px;font-size:13px}
.demo-bant b{font-size:14px}.demo-bant span{opacity:.9;flex:1}.demo-bant a{color:#ffd166;font-weight:800;text-decoration:none}.demo-bant form{margin:0}.demo-bant button{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.dg-bant{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:#fff8eb;border:1px solid #fde3b0;color:#7c4a03;margin-bottom:14px;font-size:13px}
.dg-ic{font-size:18px}.dg-m{flex:1;min-width:220px}.dg-m b{color:#92400e}.dg-bant form{margin:0}
.dg-bant button{background:#f59e0b;border:0;color:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}.dg-bant button:hover{background:#d97706}
.dg-bant a{color:#92400e;font-weight:800;font-size:12.5px}
.app.dark .dg-bant{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#fcd9a0}.app.dark .dg-m b,.app.dark .dg-bant a{color:#fcd34d}
.dg-etiket{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;vertical-align:middle}.dg-etiket.ok{background:var(--okbg);color:var(--ok)}.dg-etiket.yok{background:#fff3e0;color:#b45309}

/* ── Panel çekirdeği: üst rozetler, sol menü rozetleri, Hocaya Sor ───── */
.zf-pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--txt);font-size:13px;font-weight:800;text-decoration:none;box-shadow:var(--shadow)}
.zf-pill svg{width:16px;height:16px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zf-pill.var{background:var(--warnbg);color:var(--warn);border-color:transparent}.zf-pill.var svg{stroke:var(--warn);animation:zf-cal 2s ease-in-out infinite}
@keyframes zf-cal{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(14deg)}90%{transform:rotate(-12deg)}95%{transform:rotate(8deg)}}
.zf-tip{position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;font-size:11px;font-weight:600;font-style:normal;padding:5px 9px;border-radius:8px;background:var(--txt);color:var(--bg);opacity:0;pointer-events:none;transition:.2s;transform:translateY(-4px)}
.zf-pill:hover .zf-tip{opacity:1;transform:none}
@media (max-width:760px){.zf-pill{display:none}}
.sb-rz{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center}
.sb-rz.ok{background:#22c55e}
.sb-sor{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;margin:6px 0 4px;border:0;border-radius:12px;background:linear-gradient(90deg,#0d6efd,#6610f2);color:#fff;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(13,110,253,.3);transition:.25s}
.sb-sor:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(13,110,253,.4)}
.hs-modal{border:0;border-radius:22px;padding:0;width:min(640px,calc(100vw - 32px));background:var(--card);color:var(--txt);box-shadow:0 40px 100px rgba(0,0,0,.45)}
.hs-modal::backdrop{background:rgba(10,12,30,.65);backdrop-filter:blur(6px)}
.hs-modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.hs-modal-h b{font-size:17px;display:block}.hs-modal-h span{font-size:12.5px;color:var(--mut)}
.hs-modal-b{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.hs-modal-b .fld{margin:0}.hs-modal-b .fld>span{font-size:12px;font-weight:800;color:var(--mut);letter-spacing:.04em}.hs-modal-b .fld small{font-weight:600;letter-spacing:0;color:var(--mut2)}
.hs-modal-b textarea.inp{height:auto;padding:12px 14px;resize:vertical;line-height:1.55}
.hs-sayac{align-self:flex-end;font-size:11px;color:var(--mut2)}
.hs-ipucu{font-size:12.5px;color:var(--mut);padding:10px 12px;border-radius:10px;background:var(--card2)}
.hs-modal-f{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--card2)}
.hs-sonuc{font-size:13px;font-weight:700;margin-right:auto}.hs-sonuc.ok{color:var(--ok)}.hs-sonuc.err{color:#ef4444}
/* mesaj kutuları */
.mk-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(120deg,#2b19a3,#4f2bd6 55%,#2775ff);color:#fff;border:0}
.mk-hero-i{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:26px}
.mk-hero b{font-size:18px;display:block}.mk-hero p{margin:4px 0 0;font-size:13.5px;opacity:.9}.mk-hero>div:nth-child(2){flex:1}.mk-hero .btn{background:#fff;color:#2b19a3}.mk-hero .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.4)}
.mk-liste{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.mk-kart{padding:18px 20px;transition:.3s}.mk-kart.yeni{box-shadow:0 0 0 2px var(--acc),var(--shadow)}
.mk-ust{display:flex;align-items:center;gap:12px}
.mk-kim{flex:1;min-width:0}.mk-kim b{font-size:14.5px;display:flex;align-items:center;gap:8px}.mk-kim small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.mk-hoca-ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);display:grid;place-items:center;font-size:18px;flex:none}
.mk-sil{width:34px;height:34px;border:0;border-radius:10px;background:var(--card2);cursor:pointer;font-size:14px;transition:.2s}.mk-sil:hover{background:rgba(239,68,68,.12)}
.mk-konu{margin-top:12px;padding:8px 12px;border-radius:10px;background:var(--card2);font-size:13px}.mk-konu span{font-weight:800;color:var(--mut)}
.mk-govde{margin-top:12px}.mk-govde small,.mk-cevap small{display:block;font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--mut);text-transform:uppercase;margin-bottom:6px}
.mk-govde p{margin:0;font-size:14px;line-height:1.6;white-space:pre-wrap}
.mk-cevap{margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--okbg);border-left:4px solid #22c55e;font-size:14px;line-height:1.6}.mk-cevap em{display:block;margin-top:8px;font-style:normal;font-size:12px;font-weight:800;color:var(--ok)}
.mk-bekle{margin-top:12px;display:inline-block;padding:7px 12px;border-radius:999px;background:var(--warnbg);color:var(--warn);font-size:12.5px;font-weight:700}
.mk-bekle.mk-kapali{background:var(--card2,#f1f5f9);color:var(--mut,#64748b);border-radius:12px;font-weight:600}
/* performans */
.st-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.st-k{padding:18px 20px}.st-k span{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em}.st-k small{font-size:12.5px;color:var(--mut);display:block;margin-top:4px}
.st-k.vurgu{background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;border:0}.st-k.vurgu small{color:rgba(255,255,255,.85)}
.st-pastalar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}
.st-p{text-align:center}.st-p b{display:block;margin-top:6px;font-size:14px}.st-p small{font-size:12px;color:var(--mut)}
.pf-pasta{width:140px;height:140px;max-width:100%}.pf-pasta circle{transition:stroke-dasharray 1s ease}.pf-pasta-b{font-size:26px;font-weight:800;fill:var(--txt)}.pf-pasta-s{font-size:11px;fill:var(--mut);font-weight:600}
.st-lejant{display:flex;justify-content:center;gap:14px;padding:0 18px 16px;font-size:12px;color:var(--mut);align-items:center}.st-lejant i{width:12px;height:12px;border-radius:3px;display:inline-block;margin-right:4px}
.st-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}
.st-trend{width:100%;height:auto}.st-izg{stroke:var(--line);stroke-width:1}.st-izg.hedef{stroke:#f59e0b;stroke-dasharray:4 4;stroke-width:1.5}.st-eks{font-size:10px;fill:var(--mut)}
.st-cizgi{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round}.st-alan{fill:var(--acc);opacity:.08}.st-nokta{fill:var(--card);stroke:var(--acc);stroke-width:2.5}.st-nokta.iyi{fill:#22c55e;stroke:#22c55e}
.st-not{display:block;font-size:11.5px;color:var(--mut);margin-top:6px}
.st-sinif{display:flex;flex-direction:column;gap:12px}.st-s-h{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.st-s-h span{color:var(--mut)}
.st-bar{height:8px;border-radius:999px;background:var(--card2);border:1px solid var(--line);overflow:hidden}.st-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2775ff,#7c3aed);transition:width .8s}
.st-oyun{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px;font-weight:700}.st-oyun span{padding:5px 10px;border-radius:999px;background:var(--card2)}.st-oyun a{margin-left:auto;color:var(--acc);text-decoration:none}
/* geçmiş testler */
.gt-no{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--card2);font-weight:800;font-size:12px}
.gt-dyb b{font-weight:800}.gt-dyb .d{color:#22c55e}.gt-dyb .y{color:#ef4444}.gt-dyb .b{color:var(--mut)}
.gt-bas{display:flex;align-items:center;gap:10px;min-width:140px}.gt-bas .st-bar{flex:1}.gt-bas b{font-size:13px;min-width:38px;text-align:right}
/* paketlerim */
.pk-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;background:linear-gradient(120deg,#0f1b4d,#2b19a3 55%,#4f2bd6);color:#fff;border:0}
.pk-hero small{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.75}.pk-hero b{display:block;font-size:22px;margin-top:4px}.pk-hero p{margin:6px 0 0;font-size:13.5px;opacity:.9}
.pk-hero-stat{text-align:center;padding:12px 22px;border-radius:16px;background:rgba(255,255,255,.14)}.pk-hero-stat b{display:block;font-size:34px;line-height:1}.pk-hero-stat span{font-size:11px;letter-spacing:.1em;font-weight:800;opacity:.8}
.pk-liste{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.pk-i{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;transition:.25s}.pk-i:hover{transform:translateX(4px)}
.pk-no{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#2775ff,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}
.pk-ic>b{font-size:15.5px;display:block}.pk-etk{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pk-prog{margin-top:10px;max-width:420px}.pk-prog small{display:block;font-size:11.5px;color:var(--mut);margin-top:4px}
.pk-demo{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 20px;border:1px dashed var(--line);background:transparent}.pk-demo span{font-size:24px}.pk-demo p{margin:0;font-size:13.5px;color:var(--mut)}.pk-demo a{color:var(--acc);font-weight:700}
/* sınıf ekranı: kayan yazı + karşılama */
.sn-ticker{display:flex;align-items:center;gap:0;height:42px;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--line);margin-bottom:14px;box-shadow:var(--shadow)}
.sn-ticker-et{flex:none;height:100%;display:flex;align-items:center;padding:0 14px;background:linear-gradient(90deg,#ef4444,#f97316);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em}
.sn-ticker-sar{flex:1;overflow:hidden;position:relative;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.sn-ticker-ic{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:0;white-space:nowrap;animation:sn-kay 40s linear infinite;font-size:13.5px;font-weight:600;padding-left:16px}
.sn-ticker-ic span{padding:0 6px}.sn-ticker-ic i{padding:0 14px;color:var(--acc);font-style:normal;font-weight:800}
.sn-ticker:hover .sn-ticker-ic{animation-play-state:paused}
@keyframes sn-kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sn-hos{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;margin-bottom:14px;border-radius:18px;background:linear-gradient(120deg,#2b19a3,#4f2bd6 55%,#2775ff);color:#fff;box-shadow:0 18px 40px rgba(43,25,163,.3)}
.sn-hos small{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.8}.sn-hos b{display:block;font-size:20px;margin:4px 0 2px}.sn-hos span{font-size:13px;opacity:.9}
.sn-sor{background:#fff;color:#2b19a3}
@media (max-width:960px){.st-ozet{grid-template-columns:1fr 1fr}.st-pastalar{grid-template-columns:1fr 1fr}.st-grid{grid-template-columns:1fr}.pk-i{grid-template-columns:auto 1fr}}
.dl-arac{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.dl-ozet{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mut)}.dl-ozet b{color:var(--txt)}.dl-ozet small{margin-left:6px;font-size:12px}
.dl-sira{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.dl-sira a{padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--mut);text-decoration:none}.dl-sira a.on{background:var(--card);color:var(--txt);box-shadow:var(--shadow)}
/* ders oynatıcı araçları + kişisel notlar */
.pl-arac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.pl-hiz{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--card2)}
.pl-hiz button,.pl-atla button,.pl-not-btn{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:800;color:var(--mut);padding:7px 10px;border-radius:8px;cursor:pointer;transition:.2s}
.pl-hiz button.on{background:var(--acc);color:#fff;box-shadow:0 4px 12px rgba(39,117,255,.35)}.pl-hiz button:hover:not(.on){color:var(--txt)}
.pl-atla{display:flex;gap:4px}.pl-atla button{background:var(--card2);color:var(--txt)}.pl-atla button:hover{background:var(--line)}
.pl-not-btn{background:var(--warnbg);color:var(--warn)}.pl-not-btn:hover{filter:brightness(.97)}
.pl-kisayol{margin-left:auto;font-size:11.5px;color:var(--mut2);cursor:help}
.pl-notlar{margin-top:14px}
.pl-not-form{display:flex;gap:8px;align-items:center}.pl-not-form .inp{flex:1;margin:0}.pl-not-zaman{font-size:12px;font-weight:800;color:var(--acc);padding:6px 10px;border-radius:8px;background:var(--card2);font-variant-numeric:tabular-nums}
.pl-not-liste{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pl-not-liste li{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-radius:12px;background:var(--card2);font-size:13.5px;line-height:1.5}
.pl-not-git{border:0;background:var(--acc);color:#fff;font:inherit;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:7px;cursor:pointer;flex:none;font-variant-numeric:tabular-nums}
.pl-not-liste li span{flex:1}.pl-not-sil{border:0;background:transparent;color:var(--mut2);cursor:pointer;font-size:12px}.pl-not-sil:hover{color:#ef4444}
.pl-not-bos{margin-top:10px;font-size:12.5px;color:var(--mut)}
.pl-hoca-not{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--card2);border-left:4px solid var(--acc)}.pl-hoca-not small{display:block;font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--acc);text-transform:uppercase;margin-bottom:4px}
.od-aracbar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:0}
.vk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vk-kutu{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--card2);display:flex;flex-direction:column;gap:10px}
.vk-kutu.tehlike{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.05)}
.vk-kutu b{font-size:15px}.vk-kutu p{margin:0;font-size:13px;color:var(--mut);line-height:1.55}.vk-kutu .fld{margin:0}.vk-kutu .fld label b{font-size:12px}
.vk-sari{background:#f59e0b!important;color:#3a2400!important;align-self:flex-start}.vk-kirmizi{background:#ef4444!important;align-self:flex-start}
@media (max-width:860px){.vk-grid{grid-template-columns:1fr}}
/* sınav ayarları */
.ta-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px;align-items:start}
.ta-satirlar{display:flex;flex-direction:column;gap:0;padding:0 18px}
.ta-s{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding:16px 0;border-bottom:1px dashed var(--line)}.ta-s:last-child{border-bottom:0}
.ta-l b{display:block;font-size:14px}.ta-l small{display:block;font-size:12px;color:var(--mut);margin-top:2px;line-height:1.4}
.ta-range{display:flex;align-items:center;gap:12px}.ta-range input{flex:1;accent-color:var(--acc)}.ta-range output{min-width:44px;text-align:center;font-weight:800;font-size:16px;padding:5px 8px;border-radius:9px;background:var(--card2)}
.ta-hizli{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ta-hizli button{border:1px solid var(--line);background:var(--card2);color:var(--txt);font:inherit;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer}.ta-hizli button:hover{border-color:var(--acc);color:var(--acc)}
.ta-oner{display:block;font-size:11.5px;color:var(--mut);margin-top:6px}
.ta-r.seg{display:flex;flex-wrap:wrap}
.ta-ozet{font-size:13px;color:var(--mut);font-weight:700;margin-right:auto}
.ta-ip p{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--mut)}.ta-ip p:last-child{margin:0}
@media (max-width:960px){.ta-grid{grid-template-columns:1fr}.ta-s{grid-template-columns:1fr;gap:8px}}
/* sınav araçları */
.sn-arac{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.sn-arac small:first-child{font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--mut)}
.sn-ab{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);background:var(--card2);color:var(--txt);font:inherit;font-size:13px;font-weight:700;padding:9px 12px;border-radius:10px;cursor:pointer;text-align:left;transition:.2s}.sn-ab:hover{border-color:var(--acc);color:var(--acc)}
.sn-ab kbd{margin-left:auto;font-size:10.5px;padding:1px 6px;border-radius:5px;background:var(--card);border:1px solid var(--line);font-family:inherit}
.sn-ks{font-size:11px;color:var(--mut2);line-height:1.5;margin-top:4px}
.sn-timer.gizli b{filter:blur(8px);user-select:none}
.sn-qa{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.sn-qa-sag{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.sn-qb{border:1px solid var(--line);background:var(--card2);color:var(--mut);font:inherit;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;cursor:pointer;transition:.2s}.sn-qb:hover{color:var(--txt);border-color:var(--mut)}
.sn-qb.on{background:rgba(239,68,68,.12);color:#ef4444;border-color:transparent}
.sn-cevap{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--warnbg);color:var(--txt);font-size:14px;border-left:4px solid #f59e0b}
.sn-dogru-harf{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#22c55e;color:#fff;font-weight:800;margin-left:4px}
.sn-cozum{margin-top:8px;font-size:13.5px;line-height:1.6}.sn-cozum small{display:block;font-size:10.5px;letter-spacing:.08em;font-weight:800;color:var(--warn);text-transform:uppercase;margin-bottom:2px}
.sn-opt.dogru{box-shadow:inset 0 0 0 2px #22c55e}
.sn-modal-h{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.sn-modal-h b{font-size:16px}
.sn-modal-b{padding:18px 22px;font-size:14px;line-height:1.65;max-height:60vh;overflow:auto}
#snOzetModal{width:min(680px,calc(100vw - 32px))}#snOzetModal .sn-modal-b h3{font-size:13px;letter-spacing:.06em;color:var(--acc);margin:14px 0 6px}
.rs-ayrinti{margin-top:14px}.rs-ayr-grid{display:grid;grid-template-columns:1fr 1fr 220px;gap:22px}
.rs-ayr-kol h4{margin:0 0 10px;font-size:12px;letter-spacing:.1em;color:var(--mut);text-transform:uppercase}
.rs-bar{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:center;font-size:13px;margin-bottom:10px}.rs-bar span{color:var(--mut)}.rs-bar b{font-size:12.5px;white-space:nowrap}
.rs-puan{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--card2)}.rs-puan small{font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--mut)}.rs-puan b{display:block;font-size:26px;letter-spacing:-.02em}.rs-puan span{font-size:12px;color:var(--mut)}.rs-puan a{font-size:12.5px;font-weight:800;color:var(--acc);text-decoration:none}
@media (max-width:960px){.rs-ayr-grid{grid-template-columns:1fr}}
.ak-araclar{display:flex;gap:8px;margin-left:auto}
details.ak-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}details.ak-card>summary::-webkit-details-marker{display:none}
.ak-chev{margin-left:auto;font-style:normal;color:var(--mut);transition:.25s}details.ak-card[open] .ak-chev{transform:rotate(180deg)}
@media print{.sb,.top,.yuzen,.lp-root,.yazdirma-gizle,.crumb,#rzKutla,.ak-chev,.dy-chev{display:none!important}.main{padding:0!important}.app{display:block!important;background:#fff!important}.card,.ak-card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}body{background:#fff!important;color:#000!important}}
.gk-modal{width:min(720px,calc(100vw - 32px))}.gk-modal-b{padding:18px 22px;max-height:75vh;overflow:auto}
.gk-modal-img{text-align:center;margin-bottom:14px}.gk-modal-img img{max-width:100%;max-height:360px;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.gk-modal-harf{width:140px;height:140px;border-radius:32px;margin:0 auto;display:grid;place-items:center;font-size:64px;font-weight:800;color:#fff}
.gk-tablo{width:100%;border-collapse:collapse;font-size:14px}.gk-tablo th{text-align:left;width:150px;padding:10px 12px;border-bottom:1px dashed var(--line);color:var(--mut);font-weight:700;font-size:12.5px;vertical-align:top}.gk-tablo th span{margin-right:6px}.gk-tablo td{padding:10px 12px;border-bottom:1px dashed var(--line);line-height:1.6}.gk-tablo tr:last-child th,.gk-tablo tr:last-child td{border-bottom:0}
.gk-modal-f{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.hz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hz-kart{display:flex;flex-direction:column;gap:8px;padding:22px;text-decoration:none;color:var(--txt);position:relative;overflow:hidden;transition:.3s;border-top:4px solid var(--kr)}
.hz-kart::after{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--kr);opacity:.1}
.hz-kart:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.12)}
.hz-et{font-size:10.5px;letter-spacing:.12em;font-weight:800;color:var(--kr)}.hz-ik{font-size:40px;line-height:1}.hz-kart b{font-size:18px}.hz-kart p{margin:0;font-size:13px;color:var(--mut);line-height:1.5;flex:1}.hz-kart small{font-size:12px;color:var(--mut)}
.hz-git{font-size:13px;font-weight:800;color:var(--kr);margin-top:4px}
.hz-teknik{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hz-teknik b{display:block;font-size:14px;margin-bottom:4px}.hz-teknik p{margin:0;font-size:13px;color:var(--mut);line-height:1.6}
@media (max-width:960px){.hz-grid,.hz-teknik{grid-template-columns:1fr}}

/* ── Stratejiler / Konu Özetleri (eski rule-card / topic-card + stratModal) ── */
.ik-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px;padding:22px 26px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--k1) 0%,var(--k2) 60%,var(--k3) 100%);position:relative;overflow:hidden;box-shadow:0 18px 40px color-mix(in srgb,var(--k1) 30%,transparent)}
.ik-hero::before{content:'';position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.1)}
.ik-hero::after{content:'';position:absolute;right:120px;bottom:-70px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.06)}
.ik-hero-ic{position:relative;z-index:1;max-width:560px}.ik-hero-ic small{font-size:11px;letter-spacing:.16em;font-weight:800;opacity:.85}.ik-hero-ic b{display:block;font-size:24px;margin:4px 0}.ik-hero-ic p{margin:0;font-size:13.5px;opacity:.92;line-height:1.5}
.ik-hero-stat{display:flex;align-items:center;gap:14px;position:relative;z-index:1;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.ik-hero-stat>div:last-child{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline}.ik-hero-stat b{font-size:16px}.ik-hero-stat span{font-size:11.5px;opacity:.85}.ik-fav-n{color:#ffd166}
.ik-halka{--p:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.22) 0)}
.ik-halka b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--k1);font-size:12.5px!important}
.ik-arac{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.ik-ara{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
.ik-ara svg{width:17px;height:17px;color:var(--mut);flex:none}.ik-ara input{flex:1;border:0;background:transparent;font:inherit;font-size:14px;color:var(--txt);outline:none;min-width:0}
.ik-ara:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px rgba(39,117,255,.15)}
.ik-filtre{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.ik-filtre a{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--mut);text-decoration:none;transition:.2s}
.ik-filtre a i{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--line)}
.ik-filtre a.on{background:var(--card);color:var(--txt);box-shadow:var(--shadow)}.ik-filtre a.on i{background:var(--acc);color:#fff}
.ik-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ik-kart{position:relative;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px 20px 20px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-bottom:5px solid var(--k1);box-shadow:0 4px 6px rgba(0,0,0,.05);cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s;animation:ik-gir .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*35ms);outline:none}
@keyframes ik-gir{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ik-kart:hover,.ik-kart:focus-visible{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.1);border-bottom-color:#3498db}
.ik-ikon{width:56px;height:56px;color:var(--k1);transition:.3s;margin-bottom:6px}.ik-ikon svg{width:100%;height:100%}
.ik-kart:hover .ik-ikon,.ik-kart:focus-visible .ik-ikon{color:#3498db;transform:scale(1.1) rotate(-4deg)}
.ik-etiket{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--mut2);text-transform:uppercase;transition:.3s}.ik-kart:hover .ik-etiket{color:#3498db}
.ik-baslik{font-size:15px;line-height:1.3;color:var(--txt);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ik-no{position:absolute;left:12px;top:10px;font-size:11.5px;font-weight:800;color:var(--mut2)}
.ik-yildiz{position:absolute;right:8px;top:6px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--line);font-size:19px;cursor:pointer;transition:.2s;-webkit-text-stroke:1px var(--mut2)}
.ik-yildiz:hover{transform:scale(1.15);color:#ffd16688}.ik-yildiz.on{color:#f59e0b;-webkit-text-stroke:0;animation:ik-pop .35s}
@keyframes ik-pop{50%{transform:scale(1.35)}}
.ik-okundu{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%) scale(.6);opacity:0;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--okbg);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);transition:.3s;white-space:nowrap}
.ik-kart.okundu .ik-okundu{opacity:1;transform:translateX(-50%) scale(1)}
.ik-kart.okundu{border-bottom-color:#22c55e}.ik-kart.okundu .ik-ikon{color:#22c55e}
.ik-say{margin-left:8px;font-size:12px;color:var(--mut)}
/* modal */
.ik-modal{border:0;padding:0;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 32px);border-radius:20px;overflow:hidden;background:#f4f3ff;color:#2d2d3a;box-shadow:0 25px 60px color-mix(in srgb,var(--k1) 30%,transparent),0 0 0 1px rgba(88,68,173,.08);display:none;flex-direction:column}
.ik-modal[open]{display:flex;animation:ik-m .3s cubic-bezier(.2,.8,.2,1)}@keyframes ik-m{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.ik-modal::backdrop{background:rgba(20,16,40,.75);backdrop-filter:blur(4px)}
.ik-m-serit{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:linear-gradient(135deg,var(--k1) 0%,var(--k2) 60%,var(--k3) 100%);color:#fff;flex:none}
.ik-m-serit::before{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}
.ik-m-serit::after{content:'';position:absolute;right:40px;bottom:-50px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.05)}
.ik-m-et{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;position:relative;z-index:1}
.ik-m-et em{font-style:normal;letter-spacing:.04em;font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.18)}
.ik-m-kalkan{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center}.ik-m-kalkan svg{width:18px;height:18px}
.ik-m-kapat{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:15px;cursor:pointer;transition:.2s}.ik-m-kapat:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.ik-m-govde{position:relative;flex:1;min-height:200px;overflow:hidden;display:flex}
.ik-m-yukle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f4f3ff;z-index:3}
.ik-m-yukle[hidden]{display:none}
.ik-m-yukle i{width:44px;height:44px;border-radius:50%;border:4px solid #e0ddf7;border-top-color:var(--k1);animation:ik-don .8s linear infinite}@keyframes ik-don{to{transform:rotate(360deg)}}
.ik-m-yukle span{font-size:12px;color:#8878cc;font-weight:700;letter-spacing:1px}
.ik-m-sar{flex:1;overflow:auto;padding:24px 22px 26px;transition:opacity .2s}.ik-m-sar.gizli{opacity:0}
.ik-m-kart{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(88,68,173,.1);padding:26px 28px 24px 34px;overflow:hidden}
.ik-m-kart::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--k1),var(--k2),#e8a030)}
.ik-m-ampul{position:absolute;top:14px;right:18px;width:56px;height:56px;color:var(--k1);opacity:.08;pointer-events:none}.ik-m-ampul svg{width:100%;height:100%}
.ik-m-rozet{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:20px;background:linear-gradient(135deg,var(--k1),var(--k2));color:#fff;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.ik-m-rozet svg{width:13px;height:13px}
.ik-m-baslik{margin:0 0 6px;font-size:21px;line-height:1.3;color:#1a1a2e;font-weight:800}
.ik-m-meta{display:flex;gap:12px;font-size:12px;color:#6c6c88;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed #e8e4ff}
.ik-m-icerik{font-size:15px;line-height:1.85;color:#2d2d3a}
.ik-m-icerik p{margin:0 0 12px}.ik-m-icerik b,.ik-m-icerik strong{color:var(--k1);font-weight:700}
.ik-m-icerik h2,.ik-m-icerik h3,.ik-m-icerik h4{color:#1a1a2e;margin:18px 0 8px;line-height:1.3}.ik-m-icerik h2{font-size:19px}.ik-m-icerik h3{font-size:17px}
.ik-m-icerik ul,.ik-m-icerik ol{padding-left:22px;margin:0 0 12px}.ik-m-icerik li{margin-bottom:6px}
.ik-m-icerik img{max-width:100%;height:auto;border-radius:8px;margin:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ik-m-icerik blockquote{border-left:4px solid #e8a030;background:#fffbf3;padding:12px 18px;border-radius:0 8px 8px 0;margin:14px 0;font-style:italic;color:#7a5c00}
.ik-m-icerik table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:14px}.ik-m-icerik td,.ik-m-icerik th{border:1px solid #e3e0f5;padding:7px 10px;text-align:left}.ik-m-icerik th{background:#f4f3ff}
.ik-m-alt{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.95);border-top:1px solid #e8e8f0;flex:none;flex-wrap:wrap}
.ik-m-orta{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.ik-ab{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:30px;border:1px solid #e3e0f5;background:#fff;color:#2d2d3a;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:.2s}
.ik-ab:hover:not(:disabled){border-color:var(--k1);color:var(--k1);transform:translateY(-1px)}.ik-ab:disabled{opacity:.4;cursor:not-allowed}
.ik-sonra{background:linear-gradient(135deg,var(--k1),var(--k2));color:#fff;border:0;box-shadow:0 4px 15px color-mix(in srgb,var(--k1) 35%,transparent)}.ik-sonra:hover:not(:disabled){color:#fff}
.ik-okudum.on{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}
.ik-okudum.dikkat:not(.on){animation:ik-nabiz 1.4s ease-in-out 3;border-color:#22c55e;color:#15803d}
@keyframes ik-nabiz{50%{box-shadow:0 0 0 6px rgba(34,197,94,.18)}}
.ik-fav{font-size:17px;color:#c9c5e3}.ik-fav.on{color:#f59e0b;border-color:#fde68a;background:#fffbeb}
.ik-spin{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(88,68,173,.25);border-top-color:var(--k1);animation:ik-don .7s linear infinite}
.ik-ab.yukleniyor{pointer-events:none;opacity:.75}.ik-ab.yukleniyor .ik-spin{display:inline-block}.ik-ab.yukleniyor .ik-ab-i{display:none}
.ik-resim-kutu{position:fixed;left:-10000px;top:0;width:680px;padding:28px 24px;background:#f4f3ff;box-sizing:border-box}
.ik-resim-kutu .ik-m-kart{box-shadow:0 4px 24px rgba(88,68,173,.1)}.ik-resim-kutu .ik-m-rozet{display:inline-block;line-height:1.4}.ik-resim-kutu .ik-m-rozet img{margin-right:7px}
.ik-resim-wm{padding:12px 28px 14px;font-size:11px;color:#8878cc;text-align:right;letter-spacing:1.2px;border-top:1px solid #e8e4ff;margin-top:8px}
.app.dark .ik-modal{background:#14173a;color:#e8e9f2}.app.dark .ik-m-yukle{background:#14173a}.app.dark .ik-m-kart{background:#1b2048;box-shadow:none}.app.dark .ik-m-baslik,.app.dark .ik-m-icerik h2,.app.dark .ik-m-icerik h3{color:#fff}.app.dark .ik-m-icerik{color:#d5d8ee}.app.dark .ik-m-alt{background:#161a3d;border-color:rgba(255,255,255,.08)}.app.dark .ik-ab{background:#1b2048;border-color:rgba(255,255,255,.1);color:#e8e9f2}.app.dark .ik-m-icerik th{background:#232a5c}.app.dark .ik-m-icerik td,.app.dark .ik-m-icerik th{border-color:rgba(255,255,255,.1)}.app.dark .ik-m-icerik blockquote{background:rgba(232,160,48,.1);color:#f5d08a}.app.dark .ik-m-meta{border-color:rgba(255,255,255,.1);color:#a3a8c7}
@media (max-width:960px){.ik-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ik-grid{grid-template-columns:1fr}.ik-kart{height:auto;min-height:150px}.ik-m-kart{padding:20px 18px 20px 24px}.ik-ab-t{display:none}.ik-ab{padding:0 13px}.ik-m-alt{flex-wrap:nowrap;gap:6px;padding:10px}.ik-m-orta{flex-wrap:nowrap;gap:5px}.ik-m-et{font-size:11px;letter-spacing:1px}.ik-m-sar{padding:16px 12px 18px}.ik-hero{padding:18px}.ik-hero-ic b{font-size:20px}}

/* ── Oku & Dinle listesi (eski reading.php study-row) ── */
.od-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px;padding:22px 26px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0f2747 0%,#1a5276 45%,#2980b9 100%);position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(26,82,118,.28)}
.od-hero::before{content:'';position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.28),transparent 70%)}
.od-hero::after{content:'';position:absolute;left:40%;bottom:-90px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.05)}
.od-hero-ic{position:relative;z-index:1;max-width:620px}.od-hero-ic small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#f5c26b}.od-hero-ic>b{display:block;font-size:24px;margin:4px 0}.od-hero-ic p{margin:0;font-size:13.5px;opacity:.9;line-height:1.5}
.od-hero-btn{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.od-devam{display:flex;align-items:center;gap:12px;padding:9px 16px 9px 10px;border-radius:14px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);transition:.2s;max-width:100%}
.od-devam:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}
.od-devam>span:first-child{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e67e22;font-size:13px;flex:none;box-shadow:0 0 0 4px rgba(230,126,34,.25)}
.od-devam>span:last-child{display:flex;flex-direction:column;min-width:0}.od-devam small{font-size:10.5px;opacity:.8;font-weight:700;letter-spacing:.04em}.od-devam b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-devam em{font-style:normal;font-size:11px;opacity:.8}
.od-sepet{height:44px;padding:0 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s;align-self:center}
.od-sepet:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(230,126,34,.4)}.od-sepet span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.25);font-size:11.5px}
.od-hero-stat{display:flex;align-items:center;gap:14px;position:relative;z-index:1;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.od-hero-stat>div:last-child{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline}.od-hero-stat b{font-size:16px}.od-hero-stat span{font-size:11.5px;opacity:.85}
.od-halka b{background:#1a5276}
.od-alanlar{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 14px}
.od-alanlar a{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--mut);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:.2s}
.od-alanlar a:hover{border-color:#2980b9;color:#2980b9}.od-alanlar a.on{background:#1a5276;color:#fff;border-color:#1a5276}
.od-liste{display:flex;flex-direction:column;gap:12px}
.od-satir{display:flex;align-items:center;gap:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 20px;text-decoration:none;color:var(--txt);box-shadow:0 2px 4px rgba(0,0,0,.02);transition:transform .3s,box-shadow .3s,border-color .3s;animation:ik-gir .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*30ms)}
.od-satir:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(88,68,173,.12);border-color:#5844ad}
.od-no{font-size:16px;font-weight:800;color:var(--mut2);min-width:60px;margin-right:15px;flex:none;letter-spacing:-.5px}.od-satir:hover .od-no{color:#5844ad}
.od-ikon{position:relative;width:45px;height:45px;border-radius:10px;background:#f0f4ff;color:#0d6efd;display:grid;place-items:center;margin-right:18px;flex:none}
.od-ikon>svg{width:22px;height:22px}.od-ikon i{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:grid;place-items:center;color:#5844ad}.od-ikon i svg{width:11px;height:11px}
.app.dark .od-ikon{background:rgba(13,110,253,.15)}.app.dark .od-ikon i{background:var(--card2);border-color:var(--line)}
.od-satir.bitti .od-ikon{background:var(--okbg);color:var(--ok)}
.od-ic{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.od-baslik{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.od-rozetler,.ok-rozetler{display:flex;gap:6px;flex-wrap:wrap}
.od-rz{display:inline-flex;align-items:center;gap:4px;background:var(--card2);color:var(--mut);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid var(--line)}
.od-rz.alan{background:#eef4ff;color:#1a5276;border-color:#dbe7ff}.od-rz.alan.secili{background:#1a5276;color:#fff;border-color:#1a5276}.od-rz.kel{color:#b45309;background:#fff7ed;border-color:#fde3c3}.od-rz.sade{border-style:dashed}
.app.dark .od-rz.alan{background:rgba(41,128,185,.15);color:#93c5fd;border-color:transparent}.app.dark .od-rz.kel{background:rgba(230,126,34,.14);color:#fbbf77;border-color:transparent}
.od-cubuk{display:block;height:5px;border-radius:999px;background:var(--line);overflow:hidden;max-width:360px}.od-cubuk i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2980b9,#e67e22)}
.od-satir.bitti .od-cubuk i{background:linear-gradient(90deg,#22c55e,#15803d)}
.od-btn{background:#0d6efd;color:#fff;padding:8px 16px;border-radius:8px;font-weight:800;font-size:12px;white-space:nowrap;flex:none;margin-left:10px;transition:.3s}
.od-satir:hover .od-btn{background:#5844ad}.od-satir.basladi .od-btn{background:#e67e22}.od-satir.bitti .od-btn{background:var(--okbg);color:var(--ok)}
.od-sayfalama{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.od-durum{font-size:13px;color:var(--mut);font-weight:600}.od-sayfa-arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.od-git{display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--mut)}
.od-git select{padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:#5844ad;font:inherit;font-weight:800;cursor:pointer}
@media (max-width:768px){.od-satir{padding:14px}.od-no{min-width:46px;margin-right:8px;font-size:14px}.od-ikon,.od-btn{display:none}.od-hero{padding:18px}.od-hero-ic>b{font-size:20px}}

/* ── Oku & Dinle laboratuvarı (eski bilinmeyengetir.php) ── */
.ok-ilerleme{position:fixed;top:0;left:0;right:0;height:4px;z-index:9999;pointer-events:none}
.ok-ilerleme i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2980b9,#e67e22);box-shadow:0 0 10px rgba(41,128,185,.4);transition:width .3s ease}
.ok-lab{--ok-koyu:#1a252f;--ok-turuncu:#e67e22;--ok-mavi:#2980b9;display:flex;flex-direction:column;gap:18px;margin-top:14px}
.ok-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}
.ok-bas::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#2980b9,#e67e22)}
.ok-bas-ic small{font-size:10.5px;letter-spacing:.16em;font-weight:800;color:#e67e22}.ok-bas-ic h2{margin:4px 0 10px;font-family:'Merriweather',Georgia,serif;font-size:24px;line-height:1.3;color:var(--txt)}
.ok-bas-sag{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ok-tamam{height:40px;padding:0 16px;border-radius:999px;border:1.5px dashed var(--mut2);background:transparent;color:var(--mut);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}
.ok-tamam:hover{border-color:#22c55e;color:#15803d}.ok-tamam.on{border-style:solid;border-color:#22c55e;background:var(--okbg);color:var(--ok)}
.ok-gez{display:flex;gap:6px}.ok-gez-b{padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card2);font-size:12.5px;font-weight:700;color:var(--txt);text-decoration:none}.ok-gez-b:hover{border-color:#2980b9;color:#2980b9}.ok-gez-b.pasif{opacity:.4}
.ok-devam{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fde3c3;color:#7c3e06;font-size:13.5px;animation:ik-gir .4s both}
.ok-devam[hidden]{display:none}.ok-devam>span{flex:1;min-width:180px}
.app.dark .ok-devam{background:rgba(230,126,34,.12);border-color:rgba(230,126,34,.3);color:#fcd9b0}
.ok-mini{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#e3e0f5);background:var(--card,#fff);color:var(--txt,#2c3e50);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.2s}
.ok-mini:hover{border-color:#2980b9;color:#2980b9}.ok-mini.dolu{background:#e67e22;border-color:#e67e22;color:#fff}.ok-mini.dolu:hover{background:#d35400;color:#fff}.ok-mini:disabled{opacity:.5;cursor:default}
.ok-kontrol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 22px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ok-anahtar{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;color:var(--txt);cursor:pointer;user-select:none}
.ok-sw{position:relative;width:44px;height:24px;flex:none}.ok-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.ok-sw i{position:absolute;inset:0;border-radius:24px;background:#ccc;transition:.3s}.ok-sw i::before{content:'';position:absolute;left:3px;bottom:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ok-sw input:checked+i{background:#2980b9}.ok-sw input:checked+i::before{transform:translateX(20px)}.ok-sw input:focus-visible+i{outline:2px solid #2980b9;outline-offset:2px}
.app.dark .ok-sw i{background:#3a3f66}
.ok-ai{font-size:14px;width:16px;text-align:center}
.ok-boyut{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.ok-boyut button{width:38px;height:32px;border:0;background:var(--card2);color:var(--txt);font:inherit;font-weight:800;font-size:12.5px;cursor:pointer}.ok-boyut button+button{border-left:1px solid var(--line)}.ok-boyut button:hover{color:#2980b9}
.ok-sepet-btn{height:38px;padding:0 20px;border-radius:30px;border:0;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.3s}.ok-sepet-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(230,126,34,.35)}
.ok-ses{position:relative;overflow:hidden;padding:24px 28px;border-radius:12px;background:linear-gradient(135deg,#1a252f 0%,#2c3e50 100%);text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ok-ses::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.12) 0%,transparent 70%);pointer-events:none}
.ok-ses audio{position:relative;z-index:1;width:100%;max-width:620px;border-radius:30px;outline:none}
.ok-tts{position:relative;z-index:1;display:flex;align-items:center;gap:14px;max-width:620px;margin:0 auto;padding:10px 14px;border-radius:40px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-align:left}
.ok-tts-oynat{width:48px;height:48px;border-radius:50%;border:0;background:#e67e22;color:#fff;font-size:16px;cursor:pointer;flex:none;box-shadow:0 0 0 5px rgba(230,126,34,.2);transition:.2s}.ok-tts-oynat:hover{transform:scale(1.06)}
.ok-tts-dur{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#cbd5e1;cursor:pointer;flex:none}
.ok-tts-oynat:disabled,.ok-tts-dur:disabled{opacity:.4;cursor:not-allowed}
.ok-tts-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;color:#ecf0f1}.ok-tts-bilgi b{font-size:13.5px}.ok-tts-bilgi>span:not(.ok-tts-cubuk){font-size:12px;color:#bdc3c7}
.ok-tts-cubuk{display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}.ok-tts-cubuk i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2980b9,#e67e22);transition:width .3s}
.ok-hizlar{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;margin-top:15px;flex-wrap:wrap}
.ok-hiz{padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#ecf0f1;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.ok-hiz:hover{background:rgba(255,255,255,.2)}.ok-hiz.on{background:#e67e22;border-color:#e67e22;color:#fff}
.ok-ekstra{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;margin-top:12px}
.ok-yuvarlak{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;font-size:14px;cursor:pointer;display:grid;place-items:center;transition:.2s}.ok-yuvarlak:hover{background:rgba(255,255,255,.18)}.ok-yuvarlak.on{background:#e67e22;border-color:#e67e22}
.ok-kisayol{position:relative;z-index:1;margin-top:9px;font-size:11px;color:rgba(255,255,255,.35)}
.ok-panel{--ok-boyut:16px;display:flex;flex-wrap:wrap;border-radius:12px;overflow:hidden;overflow:clip;background:var(--card);border:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ok-sutun{flex:1;min-width:300px;position:relative}
.ok-sb{position:sticky;top:var(--ust-yukseklik,0px);z-index:4;display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.ok-sb-en{background:#1a252f;color:#ecf0f1}.ok-sb-tr{background:#34495e;color:#bdc3c7;border-left:1px solid #4a6278}
.ok-tr-kucult{display:none;border:0;background:none;color:rgba(255,255,255,.55);font-size:16px;cursor:pointer;padding:2px 8px}.ok-tr-kucult:hover{color:#fff}
.ok-icerik{padding:25px;font-family:'Merriweather',Georgia,serif;font-size:var(--ok-boyut);line-height:1.9;min-height:300px;position:relative}
.ok-en{border-right:1px dashed var(--line);color:#2c3e50;background:#fafbfc}.ok-tr{color:#5f6b76;background:#fdfdfd}
.app.dark .ok-en{background:#141838;color:#e3e6f5}.app.dark .ok-tr{background:#171b3f;color:#a9b0cf}
.ok-yok{color:var(--mut);font-style:italic;font-family:'Source Sans 3','Plus Jakarta Sans',sans-serif;font-size:14px}
.sync-sentence{transition:background-color .3s,box-shadow .3s;padding:2px 4px;border-radius:4px;cursor:pointer;display:inline}
.sync-sentence:hover{background:rgba(0,0,0,.035)}.app.dark .sync-sentence:hover{background:rgba(255,255,255,.05)}
.ok-en .sync-sentence.active{background:#fff8e1;box-shadow:inset 3px 0 0 #e67e22;border-radius:0 6px 6px 0}
.ok-tr .sync-sentence.active{background:#e3f2fd;box-shadow:inset 3px 0 0 #2980b9;border-radius:0 6px 6px 0}
.app.dark .ok-en .sync-sentence.active{background:rgba(230,126,34,.16)}.app.dark .ok-tr .sync-sentence.active{background:rgba(41,128,185,.2)}
.sw{transition:color .15s,background .15s,opacity .15s;border-radius:3px;padding:0 1px}
.sw.word-active{color:#ff6b35;font-weight:700;background:rgba(255,107,53,.15)}.sw.word-passed{opacity:.55}
.smart-word{border-bottom:1px dashed rgba(41,128,185,.5);cursor:pointer;color:#2980b9;font-weight:700;transition:.2s;outline:none}
.smart-word:hover,.smart-word:focus-visible,.smart-word.clicked{background:rgba(41,128,185,.1);border-radius:2px;border-bottom-color:#2980b9}
.sw.word-active .smart-word{color:#ff6b35;border-bottom-color:rgba(255,107,53,.4)}
.app.dark .smart-word{color:#7cc0f0}
.bionic-text b.bio{font-weight:900;color:#000}.app.dark .bionic-text b.bio{color:#fff}
.ok-tr-sutun.gizli .ok-tr .sync-sentence:not(.goster){filter:blur(5px);user-select:none;transition:filter .25s}
.ok-tr-sutun.gizli .ok-tr .sync-sentence:not(.goster):hover{filter:blur(3px)}
.ok-alt-btn{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:6px}
.ok-vocab{display:inline-flex;align-items:center;gap:8px;padding:12px 25px;border-radius:30px;border:2px solid #2980b9;background:var(--card);color:#2980b9;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:.3s}
.ok-vocab:hover{background:#2980b9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(41,128,185,.3)}
.ok-vocab.yesil{background:#27ae60;border-color:#27ae60;color:#fff}.ok-vocab.yesil:hover{background:#219a52;border-color:#219a52;box-shadow:0 4px 15px rgba(39,174,96,.3)}
.ok-komsu{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ok-komsu a{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--txt);transition:.2s}
.ok-komsu a:hover{border-color:#2980b9;transform:translateY(-2px)}.ok-komsu a.sag{text-align:right;grid-column:2}.ok-komsu small{font-size:11px;color:var(--mut);font-weight:700}.ok-komsu b{font-size:14px}
/* yüzen araç çubuğu + kelime ipucu (body'ye taşınır) */
.ok-arac-cubuk{position:absolute;z-index:300;display:flex;gap:5px;padding:6px 8px;border-radius:8px;background:#1a252f;box-shadow:0 6px 20px rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s}
.ok-arac-cubuk.on{opacity:1;visibility:visible;pointer-events:auto}
.ok-arac-cubuk::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1a252f}
.ok-arac-b{width:36px;height:36px;border:0;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center;transition:.15s;-webkit-tap-highlight-color:transparent}
.ok-arac-b:hover{transform:scale(1.06)}.ok-arac-b.mik:hover{background:#e74c3c}.ok-arac-b.xray:hover{background:#f39c12}.ok-arac-b.tekrar:hover{background:#27ae60}
.ok-ipucu{--ok:50%;position:absolute;z-index:320;min-width:150px;max-width:280px;padding:10px 14px;border-radius:9px;background:#1a252f;color:#fff;text-align:center;font:14px/1.4 'Source Sans 3','Plus Jakarta Sans',sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(4px);transition:.18s}
.ok-ipucu.on{opacity:1;visibility:visible;transform:none}
.ok-ipucu::after{content:'';position:absolute;top:100%;left:var(--ok);transform:translateX(-50%);border:7px solid transparent;border-top-color:#1a252f}
.ok-ipucu.alta::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1a252f}
.ok-ipucu b{display:block;font-weight:700}.ok-ipucu-b{display:flex;gap:6px;justify-content:center;margin-top:8px}
.ok-ipucu-ses{width:30px;height:28px;border:0;border-radius:6px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.ok-ipucu-ekle{height:28px;padding:0 12px;border:0;border-radius:6px;background:#2980b9;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ok-ipucu-ekle:hover{background:#1a5276}.ok-ipucu-ekle.eklendi{background:#27ae60}
.ok-toast{position:fixed;left:50%;bottom:28px;z-index:10001;transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:12px 20px;border-radius:14px;background:#1a252f;color:#fff;font-size:14px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.3s}
.ok-toast.on{opacity:1;transform:translate(-50%,0)}.ok-toast.ok{background:linear-gradient(135deg,#15803d,#22c55e)}.ok-toast.hata{background:#b91c1c}
/* pencereler */
.ok-dlg{border:0;padding:0;width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 40px);border-radius:16px;overflow:hidden;background:#fff;color:#2c3e50;box-shadow:0 20px 60px rgba(0,0,0,.3);display:none;flex-direction:column}
.ok-dlg[open]{display:flex;animation:ik-m .3s cubic-bezier(.2,.8,.2,1)}.ok-dlg::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.ok-dlg.ok-ozellik{width:min(780px,calc(100vw - 24px))}
.ok-dlg-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:#2c3e50;color:#fff;flex:none}
.ok-dlg-ust.koyu{background:#1a252f}.ok-dlg-ust h3{margin:0;font-size:16px;font-weight:700;min-width:0}.ok-dlg-ust h3 span{opacity:.75;font-weight:600}
.ok-dlg-x{border:0;background:none;color:rgba(255,255,255,.7);font-size:26px;line-height:1;cursor:pointer}.ok-dlg-x:hover{color:#fff}
.ok-liste-arac{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #eef0f4;flex:none}
.ok-liste-govde{padding:12px 20px 18px;overflow:auto;flex:1}
.ok-lk{display:grid;grid-template-columns:28px minmax(110px,auto) 34px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border-left:4px solid #2980b9;background:#f8f9fa;margin-bottom:8px;animation:ik-gir .35s both;animation-delay:calc(var(--i)*25ms)}
.ok-lk-no{font-size:11.5px;font-weight:800;color:#94a3b8}.ok-lk b{font-family:'Merriweather',Georgia,serif;font-size:15px;color:#1a252f}
.ok-lk-tr{font-size:14px;font-weight:700;color:#e67e22;border-radius:6px;transition:.2s}
.ok-liste-dlg.sina .ok-lk-tr:not(.acik),.ks.sina .ks-tr:not(.acik){color:transparent;background:repeating-linear-gradient(135deg,#e5e7eb 0 6px,#f3f4f6 6px 12px);cursor:pointer;user-select:none}
.ok-lk-ekle{height:30px;padding:0 10px;border-radius:8px;border:1px solid #cfe0f3;background:#fff;color:#2980b9;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.ok-lk-ekle:hover{background:#2980b9;color:#fff}.ok-lk-ekle.eklendi{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}
.ok-ham{line-height:1.8;font-size:14px}.ok-ham table{width:100%}
.ok-dlg-alt{padding:10px;text-align:center;font-size:12px;color:#7f8c8d;background:#f8f9fa;border-top:1px solid #eee;flex:none}
.ok-oz-govde{padding:26px 28px 28px;overflow:auto;background:#fdfdfd;font-size:15px}
.ok-oz-orta{text-align:center}.ok-oz-orta h4{margin:0 0 12px;font-size:18px}.ok-oz-orta h5{margin:0 0 6px;color:#7f8c8d;font-size:14px}
.ok-oz-ikon{font-size:46px;margin-bottom:8px}.ok-oz-ikon.gri{filter:grayscale(1);opacity:.6}
.ok-oz-cumle{font-family:'Merriweather',Georgia,serif;font-size:17px;font-weight:700;color:#2c3e50;background:#f1f2f6;padding:15px 20px;border-radius:10px;border-left:4px solid #2980b9;text-align:left;margin:0 0 6px}
.ok-oz-soylenen{font-family:'Merriweather',Georgia,serif;font-style:italic;font-size:17px;margin:0 0 20px}
.ok-oz-silik{color:#7f8c8d;margin:0}
.ok-mik-nabiz{width:84px;height:84px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:#fdecea;position:relative}
.ok-mik-nabiz span{font-size:34px;position:relative;z-index:1}.ok-mik-nabiz::before,.ok-mik-nabiz::after{content:'';position:absolute;inset:0;border-radius:50%;border:3px solid #e74c3c;animation:ok-nabiz 1.6s ease-out infinite}.ok-mik-nabiz::after{animation-delay:.8s}
@keyframes ok-nabiz{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
.ok-puan{padding:26px;border-radius:16px;background:#f8f9fa;border:2px solid var(--r)}
.ok-puan-emo{font-size:44px}.ok-puan-n{font-size:52px;font-weight:800;color:var(--r);line-height:1.1}
.ok-puan-cubuk{height:12px;border-radius:10px;background:#dfe6e9;overflow:hidden;margin:14px 0}.ok-puan-cubuk i{display:block;width:0;height:100%;border-radius:10px;background:var(--r);transition:width 1.2s cubic-bezier(.1,.5,.1,1)}
.ok-puan-d{font-weight:800;color:var(--r);font-size:17px}
.ok-diff{margin-top:18px;text-align:left;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #eef0f4}.ok-diff small{color:#7f8c8d}.ok-diff p{margin:8px 0 0;font-family:'Merriweather',Georgia,serif;line-height:2}
.ok-df.var,.ok-diff b.var{color:#15803d}.ok-df.yok,.ok-diff b.yok{color:#dc2626;text-decoration:underline wavy rgba(220,38,38,.5)}
.ok-oz-btn{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.xr-b{font-weight:800;font-size:15px;margin-bottom:8px;color:#2c3e50}.xr-satir{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;line-height:2}
.xray-word{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:8px;font-weight:700;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:.2s;line-height:1.4}.xray-word:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.xray-word small{opacity:.8;font-weight:600}
.xray-vocab{background:#3498db;color:#fff}.xray-pronoun{background:#2c3e50;color:#ecf0f1}.xray-aux{background:#7f8c8d;color:#fff}.xray-prep{background:#8e44ad;color:#fff}.xray-article{background:#95a5a6;color:#fff;font-size:13px}.xray-conj{background:#16a085;color:#fff}
.xray-plain,.xray-tr-plain{background:#f5f6fa;color:#2f3640;border:1px solid #dcdde1}.xray-tr-match{color:#fff}
.xray-arrow{text-align:center;padding:12px 0;color:#bdc3c7;font-size:22px}
.xray-legend{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;padding:14px;background:#f8f9fa;border-radius:10px;margin-top:20px}
.xray-legend span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#555}.xray-legend i{width:12px;height:12px;border-radius:3px}
/* kelime sepeti */
.ks{border:0;padding:0;width:min(650px,calc(100vw - 24px));max-height:85vh;border-radius:16px;overflow:hidden;background:#fff;color:#2c3e50;box-shadow:0 20px 60px rgba(0,0,0,.3);display:none;flex-direction:column}
.ks[open]{display:flex;animation:ik-m .3s ease}.ks::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.ks-ust{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#1a252f,#2c3e50);color:#fff;flex:none}
.ks-ust h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}
.ks-say{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#e67e22;color:#fff;font-size:12px;font-weight:800}
.ks-kapat{border:0;background:none;color:rgba(255,255,255,.7);font-size:26px;line-height:1;cursor:pointer}.ks-kapat:hover{color:#fff}
.ks-arac{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid #eef0f4;font-size:12.5px;color:#7f8c8d;flex:none}
.ks-sina{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#2c3e50;cursor:pointer;font-size:13px}.ks-sina small{color:#7f8c8d;font-weight:600}
.ks-govde{padding:18px 24px;overflow:auto;flex:1;min-height:120px}
.ks-bos{text-align:center;padding:34px 20px;color:#7f8c8d}.ks-bos span{font-size:46px;display:block;margin-bottom:10px;filter:grayscale(1);opacity:.4}.ks-bos h4{margin:0 0 6px;color:#2c3e50}.ks-bos p{margin:0;line-height:1.6}
.ks-kart{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 16px;border-radius:10px;background:#f8f9fa;border-left:4px solid #2980b9;margin-bottom:10px;transition:.2s;animation:ik-gir .3s both;animation-delay:calc(var(--i)*25ms)}
.ks-kart:hover{background:#eef2f7;transform:translateX(3px)}
.ks-no{font-size:22px;font-weight:800;color:rgba(41,128,185,.25);width:26px;text-align:center;flex:none}
.ks-ic{flex:1;min-width:0}.ks-en{display:flex;align-items:center;gap:6px;font-family:'Merriweather',Georgia,serif;font-size:16px;font-weight:700;color:#2c3e50}
.ks-tr{font-size:14px;font-weight:700;color:#e67e22;border-radius:6px;display:inline-block;padding:0 2px;margin-top:2px}
.ks-kaynak{font-size:11px;color:#94a3b8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-ses{border:0;background:none;cursor:pointer;font-size:13px;opacity:.6;padding:2px}.ks-ses:hover{opacity:1}
.ks-rozet{font-size:10.5px;font-weight:800;color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;padding:2px 8px;border-radius:999px;white-space:nowrap;flex:none}
.ks-sil{border:0;background:none;color:#c4c4c4;font-size:20px;cursor:pointer;padding:4px;flex:none}.ks-sil:hover{color:#e74c3c}
.ks-mesaj{display:none;margin:0 24px 10px;padding:9px 12px;border-radius:10px;background:#eef4ff;color:#1a5276;font-size:13px;font-weight:700}.ks-mesaj.on{display:block}.ks-mesaj.ok{background:#ecfdf3;color:#15803d}.ks-mesaj.hata{background:#fef2f2;color:#b91c1c}
.ks-alt{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #eee;flex:none}.ks-alt[hidden]{display:none}
.ks-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:30px;border:0;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.3s}.ks-btn:hover{transform:translateY(-2px)}.ks-btn:disabled{opacity:.5}
.ks-png{background:linear-gradient(135deg,#2980b9,#1a5276);color:#fff}.ks-png:hover{box-shadow:0 4px 15px rgba(41,128,185,.4)}
.ks-sozluk{background:linear-gradient(135deg,#5844ad,#3d5af1);color:#fff}.ks-sozluk:hover{box-shadow:0 4px 15px rgba(88,68,173,.4)}
.ks-temizle{background:#f5f5f5;color:#7f8c8d;border:1px solid #ddd}.ks-temizle.onay{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.app.dark .ok-dlg,.app.dark .ks{background:#161a3d;color:#e3e6f5}.app.dark .ok-oz-govde{background:#141838}.app.dark .ok-lk,.app.dark .ks-kart{background:#1b2048}.app.dark .ok-lk b,.app.dark .ks-en,.app.dark .ok-oz-cumle,.app.dark .xr-b,.app.dark .ks-bos h4,.app.dark .ks-sina{color:#eef0fa}.app.dark .ok-oz-cumle{background:#1b2048}.app.dark .ok-puan,.app.dark .xray-legend,.app.dark .ok-dlg-alt{background:#1b2048;border-color:rgba(255,255,255,.08)}.app.dark .ok-diff{background:#1b2048;border-color:rgba(255,255,255,.08)}.app.dark .ok-liste-arac,.app.dark .ks-arac{border-color:rgba(255,255,255,.08)}.app.dark .ok-lk-ekle{background:#232a5c;border-color:transparent;color:#93c5fd}.app.dark .xray-plain,.app.dark .xray-tr-plain{background:#232a5c;color:#e3e6f5;border-color:transparent}.app.dark .xray-legend span{color:#a3a8c7}
/* mobil: Türkçe panel alt yazı gibi sabit (eski "film jeneriği" paneli) */
@media (max-width:768px){
  .ok-icerik{padding:18px 14px;line-height:1.85}.ok-kontrol{flex-direction:column;align-items:stretch}.ok-kontrol .ok-boyut{align-self:center}.ok-bas-ic h2{font-size:20px}.ok-bas-sag{align-items:stretch;width:100%}.ok-gez{justify-content:space-between}
  .ok-panel{flex-direction:column;overflow:visible}.ok-en{border-right:0}
  .ok-tr-kucult{display:inline-block}
  .ok-tr-sutun{position:fixed;left:0;right:0;bottom:0;z-index:500;max-height:30vh;display:flex;flex-direction:column;background:#1a252f;border-top:3px solid #e67e22;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.3);overflow:hidden;transition:max-height .3s}
  .ok-tr-sutun .ok-sb{top:auto;background:#1a252f;color:#e67e22;padding:10px 15px;font-size:11px;letter-spacing:2px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);flex:none}
  .ok-tr-sutun .ok-icerik{padding:12px 16px 18px;font-size:15px;line-height:1.7;color:#90a4ae;background:transparent;overflow-y:auto;flex:1;min-height:0;font-family:'Source Sans 3','Plus Jakarta Sans',sans-serif}
  .ok-tr-sutun .sync-sentence{display:block;padding:8px 10px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s}
  .ok-tr-sutun .ok-tr .sync-sentence.active{color:#1a252f;font-weight:700;background:#fff;padding:10px 14px;margin:6px 0;border-radius:8px;border-bottom-color:transparent;box-shadow:0 2px 10px rgba(0,0,0,.2)}
  .ok-tr-sutun .sync-sentence.passed{color:#607d8b;font-size:13px;padding:6px 10px}
  .ok-tr-sutun.kucuk{max-height:38px}.ok-tr-sutun.kucuk .ok-icerik{display:none}
  .ok-en-sutun{padding-bottom:32vh}
  .ok-lk{grid-template-columns:22px 1fr 30px;row-gap:4px}.ok-lk-tr{grid-column:2/4}.ok-lk-ekle{grid-column:1/-1;justify-self:start}
  body.ok-lab-sayfa #lpw-root #lpw-shell{bottom:calc(30vh + 14px)!important}body.ok-lab-sayfa.ok-tr-kucuk #lpw-root #lpw-shell{bottom:54px!important}
  body.ok-lab-sayfa #toTop,body.ok-lab-sayfa .to-top{bottom:calc(30vh + 76px)!important}body.ok-lab-sayfa.ok-tr-kucuk #toTop,body.ok-lab-sayfa.ok-tr-kucuk .to-top{bottom:112px!important}
  .ok-toast{bottom:calc(30vh + 16px)}
}
@media print{.ok-ilerleme,.ok-kontrol,.ok-ses,.ok-alt-btn,.ok-komsu,.ok-bas-sag{display:none!important}}
/* Paket süresi (040): Paketlerim geri sayımı + panel bandı */
.pk-sure{margin-top:12px;max-width:520px;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.pk-sure-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.pk-sure-ust>small{font-size:11.5px;color:var(--mut)}
.pk-sayac{display:inline-flex;align-items:baseline;gap:8px}.pk-sayac b{font-size:13.5px;display:inline}.pk-sayac small{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.pk-sure-bar{height:6px;margin-top:8px;border-radius:999px;background:var(--line);overflow:hidden}.pk-sure-bar i{display:block;height:100%;border-radius:999px;background:var(--acc)}
.pk-sure p{margin:8px 0 0;font-size:12.5px;line-height:1.5}
.pk-sure.uyari{background:var(--warnbg);border-color:transparent}.pk-sure.uyari .pk-sayac,.pk-sure.uyari p{color:var(--warn)}.pk-sure.uyari .pk-sure-bar i{background:var(--warn)}
.pk-sure.kritik{background:var(--badbg);border-color:transparent}.pk-sure.kritik .pk-sayac,.pk-sure.kritik p{color:var(--bad)}.pk-sure.kritik .pk-sure-bar i{background:var(--bad)}
.pk-eylem{display:flex;flex-direction:column;gap:8px;align-items:stretch}.pk-eylem .btn{justify-content:center}
.btn.kritik{background:var(--bad);box-shadow:0 10px 24px rgba(220,38,38,.25)}
.sure-bant{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;border-radius:14px;background:var(--warnbg);color:var(--warn);font-size:13px}
.sure-bant.kritik{background:var(--badbg);color:var(--bad)}
.sure-ic{font-size:18px}.sure-m{flex:1;min-width:220px;line-height:1.5}.sure-sayac{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sure-uzat{background:currentColor;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:800;text-decoration:none}.sure-uzat{color:var(--warn);background:transparent;border:1.5px solid currentColor}
.sure-bant.kritik .sure-uzat{background:var(--bad);border-color:var(--bad);color:#fff}
.sure-git{color:inherit;font-size:12.5px;font-weight:700}
.sure-kapat{border:0;background:none;color:inherit;opacity:.65;font-size:15px;cursor:pointer;padding:4px 6px;border-radius:8px}.sure-kapat:hover{opacity:1;background:rgba(0,0,0,.06)}
@media (max-width:960px){.pk-eylem{grid-column:2;flex-direction:row;flex-wrap:wrap}}
@media (max-width:560px){.sure-m{min-width:0;flex-basis:calc(100% - 60px)}.sure-bant{gap:8px 10px}}
/* Paket dondurma (041) */
.pill.buz{background:rgba(56,189,248,.14);color:#0369a1}.app.dark .pill.buz{color:#7dd3fc}
.sb-donuk{opacity:.8}.sb-donuk .sb-ic{color:#0ea5e9;font-size:16px}.sb-donuk .sb-t small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#0ea5e9;text-transform:uppercase}
.pk-donuk-liste{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.pk-donuk{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;border:1px dashed rgba(14,165,233,.45);background:linear-gradient(120deg,rgba(56,189,248,.08),transparent 60%),var(--card)}
.pk-donuk-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(56,189,248,.16);color:#0284c7}
.pk-donuk-m{margin:8px 0 0;font-size:13.5px;line-height:1.55}.pk-donuk-alt{display:block;margin-top:8px;font-size:12px;color:var(--mut)}.pk-donuk-alt a{color:var(--acc);font-weight:700}
.pk-not{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--card2);font-size:13px;line-height:1.5}
.pk-talep{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;max-width:620px;padding:10px 12px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-size:12.5px}
.pk-talep p{margin:0;flex:1;min-width:220px;line-height:1.5}.pk-talep form{margin:0}.pk-talep.red{background:var(--badbg);color:var(--bad)}
.pk-dondur{margin-top:12px;max-width:620px}
.pk-dondur summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--mut);list-style:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0}.pk-dondur summary::-webkit-details-marker{display:none}
.pk-dondur summary:hover,.pk-dondur[open] summary{color:var(--acc)}
.pk-dondur-form{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.pk-dondur-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:var(--mut)}
.pk-dondur-form textarea,.pk-dondur-form select,.pk-dondur-form input[type=file]{font:inherit;font-size:13.5px;font-weight:500;color:var(--txt);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 11px;width:100%;box-sizing:border-box}
.pk-dondur-form textarea{resize:vertical;min-height:76px}.pk-dondur-form [aria-invalid=true]{border-color:var(--bad)}
.pk-dondur-ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk-dondur-bilgi{margin:0;font-size:12.5px;line-height:1.55;color:var(--mut)}.pk-dondur-bilgi b{color:var(--txt)}
.pk-dondur-kvkk{font-size:11.5px;color:var(--mut2)}.pk-hata{font-size:12px;color:var(--bad);font-weight:700}
.pk-dondur-form .btn{align-self:flex-start}
.dz-kart{max-width:760px;padding:26px 28px}
.dz-ust{display:flex;gap:18px;align-items:flex-start}.dz-ic{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:rgba(56,189,248,.16);color:#0284c7}
.dz-ust small{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0284c7}.app.dark .dz-ust small{color:#7dd3fc}.dz-ust h2{margin:4px 0 6px;font-size:21px}.dz-ust p{margin:0;font-size:14px;line-height:1.6;color:var(--mut)}
.dz-sayilar{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.dz-sayilar div{flex:1;min-width:150px;padding:14px 16px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.dz-sayilar b{display:block;font-size:24px;line-height:1.1}.dz-sayilar span{display:block;margin-top:4px;font-size:12px;color:var(--mut);line-height:1.4}
.dz-liste{margin-top:14px;font-size:13.5px}.dz-liste ul{margin:6px 0 0;padding-left:18px}.dz-liste li span{color:var(--mut);font-size:12.5px}
.dz-bilgi{margin:16px 0 0;font-size:13.5px;line-height:1.6}.dz-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media (max-width:960px){.pk-donuk{grid-template-columns:auto 1fr}.pk-donuk .pk-eylem{grid-column:2}}
@media (max-width:560px){.pk-dondur-ikili{grid-template-columns:1fr}.dz-kart{padding:20px 18px}.dz-ust{flex-direction:column;gap:12px}}
/* Süre uzatma (042) */
.pk-uzat{flex-direction:column;justify-content:center;height:auto;min-height:40px;padding-top:6px;padding-bottom:6px;gap:0;line-height:1.25}.pk-uzat small{font-size:10.5px;font-weight:700;opacity:.85}
.uz-sayfa{display:flex;flex-direction:column;gap:14px;max-width:820px}
.uz-ozet{padding:22px 24px;background:linear-gradient(120deg,#0f1b4d,#2b19a3 55%,#4f2bd6);color:#fff;border:0}
.uz-ozet>small{font-size:11px;font-weight:800;letter-spacing:.14em;opacity:.75}.uz-ozet h2{margin:4px 0 14px;font-size:22px}
.uz-siniflar{display:flex;flex-direction:column;gap:10px}.uz-sinif{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.12)}
.uz-sinif>b{display:block;font-size:14.5px}
.uz-tarih{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.uz-tarih span{display:flex;flex-direction:column;font-size:15px;font-weight:800}
.uz-tarih small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.uz-tarih em{font-style:normal;font-size:11.5px;font-weight:700;opacity:.85}
.uz-tarih em.kritik,.uz-tarih em.doldu{color:#fecaca;opacity:1}.uz-tarih i{font-style:normal;font-size:18px;opacity:.7}.uz-tarih .yeni{color:#bbf7d0}
.uz-not{margin:12px 0 0;font-size:13px;opacity:.9}
.uz-fatura .card-h{display:flex;justify-content:space-between;align-items:center}.uz-fatura{padding:16px 20px}
.uz-duzenle{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--acc);cursor:pointer}
.uz-kayitli p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--mut)}.uz-kayitli b{color:var(--txt)}
.uz-eksik{margin:6px 0 10px;font-size:13px;color:var(--warn)}
.uz-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.uz-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:var(--mut)}
.uz-form .inp{background:var(--card2);border-color:var(--line);color:var(--txt);width:100%;box-sizing:border-box}.uz-form textarea.inp{height:auto;padding:10px 14px;resize:vertical}
.uz-ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uz-odeme{padding:18px 20px}
.uz-tutar{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 14px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.uz-tutar span{font-size:14px;font-weight:700}.uz-tutar b{font-size:24px}.uz-tutar small{grid-column:1/-1;font-size:12px;color:var(--mut)}
.uz-odeme .agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.uz-odeme .agree input{margin-top:3px;width:18px;height:18px;accent-color:var(--acc)}.uz-odeme .agree a{color:var(--acc);font-weight:700}
.uz-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-width:560px){.uz-ikili{grid-template-columns:1fr}.uz-ozet{padding:18px}.uz-eylem .btn{flex:1;justify-content:center}}
@media (max-width:560px){.pk-i,.pk-donuk{grid-template-columns:1fr;gap:12px;padding:16px}.pk-no,.pk-donuk-ic{display:none}.pk-i .pk-eylem,.pk-donuk .pk-eylem{grid-column:1}.pk-i:hover{transform:none}}
/* Eski kursiyer kampanyası (045) */
.pk-kampanya{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:14px;padding:18px 22px;border:0;background:linear-gradient(120deg,#7c2d12,#c2410c 55%,#f59e0b);color:#fff}
.pk-kampanya-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:rgba(255,255,255,.18)}
.pk-kampanya small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.85}.pk-kampanya b{display:block;font-size:17px;margin-top:3px}.pk-kampanya p{margin:4px 0 0;font-size:13px;opacity:.92}
.pk-kampanya .btn{background:#fff;color:#9a3412;box-shadow:none}
@media (max-width:640px){.pk-kampanya{grid-template-columns:1fr}.pk-kampanya-ic{display:none}.pk-kampanya .btn{justify-content:center}}
/* 058: konu özetinin kısa tanıtımı (eski konular.ozet) */
.ik-ozet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.45;color:var(--mut);margin-top:-2px}
.sz-bekl{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:#b45309;background:#fff4e5}

/* Sipariş detayı → kargo (7. dilim) */
.sd-kargo{margin-top:14px;padding:18px 20px}
.sd-kargo-bas{display:flex;align-items:center;gap:12px}.sd-kargo-bas>div{flex:1;min-width:0}.sd-kargo-bas b{display:block;font-size:15px}.sd-kargo-bas span:not(.pill){display:block;font-size:13px;color:var(--mut);margin-top:2px;line-height:1.5}
.sd-kargo-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--card2);font-size:20px}
.sd-kargo-no{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--card2)}
.sd-kargo-no small{flex-basis:100%;font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--mut)}.sd-kargo-no b{font-size:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-right:auto;word-break:break-all}
.sd-kargo-no .btn{height:36px;padding:0 14px;font-size:13px}
.sd-kargo-adim{display:flex;margin-top:16px}.sd-kargo-adim i{flex:1;font-style:normal;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--mut);position:relative;text-align:center}
.sd-kargo-adim i b{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--card2);border:1px solid var(--line);font-size:12px}
.sd-kargo-adim i::before{content:'';position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--line)}.sd-kargo-adim i:first-child::before{display:none}
.sd-kargo-adim i.on{color:var(--txt)}.sd-kargo-adim i.on b{background:var(--okbg);color:var(--ok);border-color:transparent}.sd-kargo-adim i.on::before{background:var(--ok)}
.sd-kargo-adim i.cur b{background:var(--warnbg);color:var(--warn);box-shadow:0 0 0 4px var(--warnbg)}
.sd-kargo-uyari{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--warnbg);font-size:13px;line-height:1.55}
.sd-kargo-zaman{list-style:none;margin:16px 0 0;padding:14px 0 0 4px;border-top:1px dashed var(--line)}
.sd-kargo-zaman li{position:relative;display:flex;gap:12px;padding:0 0 12px}.sd-kargo-zaman li::before{content:'';position:absolute;left:5px;top:14px;bottom:-2px;width:2px;background:var(--line)}.sd-kargo-zaman li:last-child::before{display:none}
.sd-kargo-zaman li i{flex:none;width:12px;height:12px;margin-top:3px;border-radius:50%;background:var(--line)}.sd-kargo-zaman li.son i{background:var(--ok);box-shadow:0 0 0 4px var(--okbg)}
.sd-kargo-zaman b{display:block;font-size:13.5px}.sd-kargo-zaman small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
@media (max-width:640px){.sd-kargo-adim i{font-size:10.5px}.sd-kargo-no b{font-size:18px}}

/* ── Ödevler (27.10.2026): özet şeridi, geri sayım rozetleri, ilerleme halkaları, süzgeç, kutlama ── */
.hw-ozet{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.hw-ozet>*{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:var(--shadow-s,0 2px 10px rgba(15,23,42,.04))}
.hw-ozet-halka{position:relative;width:64px;height:64px;padding:6px !important;display:grid;place-items:center;flex:none}
.hw-ozet-halka b{position:absolute;font-size:13px;font-weight:900}
.hw-ozet-s{display:flex;flex-direction:column;justify-content:center;min-width:110px}
.hw-ozet-s b{font-size:22px;font-weight:900;line-height:1.1}.hw-ozet-s span{font-size:12px;color:var(--mut);font-weight:600}
.hw-ozet-s.acil b{color:#dc2626}.hw-ozet-s.tamam b{color:var(--ok)}
.hw-sirada{flex:1;min-width:230px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-decoration:none;color:#fff !important;border:0 !important;background:linear-gradient(135deg,#2775ff,#4f2bd6) !important;position:relative;overflow:hidden}
.hw-sirada.yaklasti,.hw-sirada.yarin{background:linear-gradient(135deg,#f59e0b,#ea580c) !important}.hw-sirada.bugun{background:linear-gradient(135deg,#ef4444,#be123c) !important}
.hw-sirada::after{content:'';position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)}
.hw-sirada small{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.hw-sirada b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hw-sayac{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.hw-sirada:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(39,117,255,.3)}.hw-sirada{transition:transform .2s,box-shadow .2s}
/* halka */
.hw-halka,.hw-ozet-halka{--renk:var(--acc)}
.hw-halka svg,.hw-ozet-halka svg{width:100%;height:100%;transform:rotate(-90deg)}
.hw-halka circle,.hw-ozet-halka circle{fill:none;stroke:var(--line);stroke-width:3.6}
.hw-halka circle.dol,.hw-ozet-halka circle.dol{stroke:var(--renk);stroke-linecap:round;stroke-dasharray:var(--p) 100;transition:stroke-dasharray .6s cubic-bezier(.3,1.4,.5,1)}
.hw-halka{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center}
.hw-halka>i,.hw-halka>span{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:900;color:var(--txt);text-align:center;line-height:1.05}

.hw-halka.b{width:86px;height:86px}.hw-halka.b>span{display:flex;flex-direction:column;align-items:center;justify-content:center}.hw-halka.b b{font-size:15px}.hw-halka.b small{font-size:10px;color:var(--mut);font-weight:700}
/* süzgeç */
.hw-suz{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}
.hw-suz button{border:1px solid var(--line);background:var(--card);color:var(--mut);border-radius:999px;padding:5px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.15s}
.hw-suz button i{font-style:normal;opacity:.7;margin-left:2px}.hw-suz button:hover{border-color:var(--acc);color:var(--acc)}
.hw-suz button.on{background:var(--acc);border-color:var(--acc);color:#fff}
/* liste */
.hw-izgara{grid-template-columns:minmax(300px,1fr) 1.75fr;align-items:start}.hw-izgara>*{min-width:0}
.hw-halka[style="--p:0"] circle.dol,.hw-ozet-halka[style="--p:0"] circle.dol{opacity:0}
.hw-yan{position:sticky;top:84px;max-height:calc(100vh - 100px);display:flex;flex-direction:column}
.hw-yan .hw-list{overflow:auto;overscroll-behavior:contain}
.hw-i{position:relative;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}
.hw-i:hover{transform:translateX(2px)}.hw-i.on{border-color:color-mix(in srgb,var(--acc) 35%,transparent);background:color-mix(in srgb,var(--acc) 7%,var(--card))}
.hw-i::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:transparent}
.hw-i.hw-bugun::before{background:#dc2626}.hw-i.hw-yarin::before{background:#ea580c}.hw-i.hw-yaklasti::before{background:#f59e0b}.hw-i.hw-tamam::before{background:var(--ok)}
.hw-i.hw-tamam .t>b{color:var(--mut)}.hw-i.hw-eski{opacity:.78}
.hw-i.hw-bugun .d{border-color:#fca5a5;color:#dc2626}.hw-i.hw-tamam .d{border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}
.hw-alt{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px;font-size:11.5px;color:var(--mut)}
.hw-gs{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--mut);white-space:nowrap}
.hw-rahat .hw-gs{background:rgba(37,99,235,.1);color:#1d4ed8}.hw-yaklasti .hw-gs{background:rgba(245,158,11,.16);color:#b45309}
.hw-yarin .hw-gs{background:rgba(234,88,12,.15);color:#c2410c}.hw-bugun .hw-gs{background:#dc2626;color:#fff;animation:hw-nabiz 1.6s ease-in-out infinite}
.hw-tamam .hw-gs{background:var(--okbg);color:var(--ok)}.hw-gecti .hw-gs{background:var(--badbg);color:var(--bad)}
.app.dark .hw-rahat .hw-gs{color:#93c5fd}.app.dark .hw-yaklasti .hw-gs{color:#fcd34d}.app.dark .hw-yarin .hw-gs{color:#fdba74}
.hw-ozel{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;background:rgba(124,58,237,.12);color:#7c3aed}.app.dark .hw-ozel{color:#c4b5fd}
@keyframes hw-nabiz{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}50%{box-shadow:0 0 0 5px rgba(220,38,38,0)}}
/* ipucu (üzerine gelince) */
.hw-ipucu-k{position:fixed;z-index:400;max-width:280px;padding:9px 12px;border-radius:12px;background:#0f172a;color:#f8fafc;font-size:12.5px;font-weight:600;line-height:1.45;box-shadow:0 12px 30px rgba(0,0,0,.25);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.hw-ipucu-k.on{opacity:1;transform:none}.app.dark .hw-ipucu-k{background:#f8fafc;color:#0f172a}
/* ayrıntı */
.hw-bas{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 12px}
.hw-bas-ic{min-width:0;flex:1}
.hw-bas h2{margin:6px 0 10px;font-size:20px;line-height:1.3}
.hw-etiketler{display:flex;gap:6px;flex-wrap:wrap}.hw-etiketler>span{font-size:11.5px;font-weight:700;color:var(--mut);background:var(--card2);border-radius:999px;padding:3px 10px}
.hw-geri{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-size:13.5px;background:rgba(37,99,235,.1);color:#1d4ed8;cursor:default}
.hw-geri [data-hw-geri-sure]{font-variant-numeric:tabular-nums;font-weight:800;opacity:.9}
.hw-geri.hw-yaklasti{background:rgba(245,158,11,.16);color:#b45309}.hw-geri.hw-yarin{background:rgba(234,88,12,.15);color:#c2410c}
.hw-geri.hw-bugun{background:linear-gradient(135deg,#ef4444,#be123c);color:#fff;animation:hw-nabiz 1.6s ease-in-out infinite}
.hw-geri.hw-tamam{background:var(--okbg);color:var(--ok)}.hw-geri.hw-gecti,.hw-geri.hw-eski{background:var(--badbg);color:var(--bad)}.hw-geri.hw-tarihsiz{background:var(--card2);color:var(--mut)}
.app.dark .hw-geri.hw-rahat{color:#93c5fd}.app.dark .hw-geri.hw-yaklasti{color:#fcd34d}.app.dark .hw-geri.hw-yarin{color:#fdba74}
.hw-geri-ikon{font-size:16px}
.hw-cubuk{height:4px;margin:0 20px 6px;border-radius:4px;background:var(--line);overflow:hidden}.hw-cubuk i{display:block;height:100%;background:linear-gradient(90deg,#2775ff,#4f2bd6);transition:width .5s}
.hw-not{margin:10px 20px 4px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--acc) 5%,var(--card));border:1px solid color-mix(in srgb,var(--acc) 16%,var(--line))}
.hw-not-bas{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.hw-arac{padding-top:12px}
.hw-maddeler{gap:8px;padding:10px 16px 18px}
.hw-m{border:1px solid var(--line);background:var(--card);padding:12px 14px;transition:background .2s,border-color .2s,transform .15s}
.hw-m:hover{border-color:color-mix(in srgb,var(--acc) 35%,var(--line));transform:translateY(-1px)}
.hw-m.done{background:color-mix(in srgb,var(--ok) 6%,var(--card));border-color:color-mix(in srgb,var(--ok) 25%,var(--line))}
.hw-m .od-t{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.hw-m.done .od-t{text-decoration:none;opacity:1}.hw-m.done .hw-m-metin{text-decoration:line-through;opacity:.6}
.hw-m-metin{line-height:1.5}
.hw-tur{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;background:var(--card2);color:var(--mut);letter-spacing:.02em}
.hw-tur-ders{background:rgba(39,117,255,.1);color:#1d4ed8}.hw-tur-test{background:rgba(220,38,38,.1);color:#b91c1c}.hw-tur-kaynak{background:rgba(22,163,74,.1);color:#15803d}
.hw-tur-okudinle{background:rgba(8,145,178,.12);color:#0e7490}.hw-tur-gunluk{background:rgba(245,158,11,.14);color:#b45309}.hw-tur-hafiza{background:rgba(124,58,237,.12);color:#6d28d9}
.hw-tur-strateji,.hw-tur-ozet{background:rgba(236,72,153,.1);color:#be185d}.hw-tur-sozluk{background:rgba(79,70,229,.1);color:#4338ca}
.app.dark .hw-tur{filter:brightness(1.6)}
.hw-m .ck{width:26px;height:26px}.hw-m .ck i{width:26px;height:26px}.hw-m .ck input:checked+i::after{left:9px;top:4px;width:6px;height:12px}
.hw-m.done .od-go{color:#fff;opacity:.7}
.hw-halka.tam{--renk:var(--ok)}.hw-halka.tam>i{color:var(--ok);font-size:15px}
.hw-m.pat .ck i{animation:hw-pat .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes hw-pat{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.hw-bitti{display:flex;align-items:center;gap:12px;margin:8px 16px 0;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(39,117,255,.1));border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}
.hw-bitti>span{font-size:28px}.hw-bitti b{display:block;color:var(--ok)}.hw-bitti small{color:var(--mut);font-size:12.5px}
.hw-bitti.yeni>span{animation:hw-zipla .8s cubic-bezier(.3,1.6,.5,1)}
@keyframes hw-zipla{0%{transform:scale(.3) rotate(-20deg)}70%{transform:scale(1.3) rotate(8deg)}100%{transform:none}}
.hw-konfeti{position:fixed;width:8px;height:12px;border-radius:2px;z-index:500;pointer-events:none;animation:hw-dus 1.4s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes hw-dus{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media (prefers-reduced-motion:reduce){.hw-bugun .hw-gs,.hw-geri.hw-bugun{animation:none}.hw-konfeti{display:none}}
@media (max-width:900px){
  .hw-izgara{grid-template-columns:1fr}
  .hw-ozet{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:8px}.hw-ozet>*{padding:10px}
  .hw-ozet-s{min-width:0}.hw-ozet-s b{font-size:18px}.hw-ozet-s span{font-size:10.5px;line-height:1.25}.hw-ozet-halka{width:56px;height:56px}
  .hw-sirada{grid-column:1/-1;min-width:0}
  .hw-yan{position:static;max-height:none}
  .hw-yan .hw-list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
  .hw-yan .hw-i{flex:0 0 78%;max-width:320px;scroll-snap-align:start;background:var(--card2)}
  .hw-yan .hw-i:hover{transform:none}
  .hw-bas{padding:16px 14px 10px;align-items:flex-start}.hw-halka.b{width:70px;height:70px}
  .hw-not{margin:10px 14px 4px}.hw-cubuk{margin:0 14px 6px}.hw-maddeler{padding:10px 10px 16px}
  .hw-m{flex-wrap:wrap}.hw-m .od-t{flex-basis:calc(100% - 40px)}.hw-m .od-go{margin-left:38px}
}
.hw-m-ust{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hw-m-sure{cursor:help;border-radius:999px}.hw-m-sure:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.hw-m.done .hw-m-sure .hw-gs{background:var(--okbg);color:var(--ok);animation:none}
/* Ödev: giriş cümlesi maddelerin üstünde, hocanın notu altında (27.10); günlük Oku & Dinle rutini */
.hw-giris{margin:12px 20px 0;font-size:14.5px;font-weight:600;line-height:1.6}.hw-giris p{margin:0}
.hw-maddeler+.hw-not{margin-top:2px}
.hw-rutin{border-style:dashed;background:linear-gradient(135deg,rgba(8,145,178,.06),transparent)}
.hw-rutin.done{border-style:solid}
.hw-rutin-ck input{cursor:pointer}.hw-rutin-ck input:disabled{cursor:default}
.hw-rutin.pat .ck i{animation:hw-pat .45s cubic-bezier(.3,1.6,.5,1)}
.hw-rutin-et{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;background:rgba(124,58,237,.1);color:#6d28d9}.app.dark .hw-rutin-et{color:#c4b5fd}
.hw-rutin-say{display:inline-flex;align-items:center;gap:4px}.hw-rutin-say i{width:9px;height:9px;border-radius:50%;background:var(--line)}.hw-rutin-say i.on{background:#0891b2}
.hw-rutin-say b{font-size:11px;color:var(--mut);margin-left:2px}.hw-rutin.done .hw-rutin-say i.on{background:var(--ok)}
.hw-rutin-not{font-size:11.5px;color:var(--mut)}
.hw-rutin.done .hw-m-metin{text-decoration:none;opacity:1}
@media (max-width:900px){.hw-giris{margin:10px 14px 0}}