/* eklentiler/bildirim/assets/bildirim.css */
.ekbn-box { position: fixed; left: 50%; z-index: 9990; width: min(440px, calc(100% - 24px)); transform: translate(-50%, -16px); opacity: 0; transition: transform .3s ease, opacity .3s ease; pointer-events: none; }
.ekbn-box.ekbn-top { top: 12px; }
.ekbn-box.ekbn-bottom { bottom: 12px; transform: translate(-50%, 16px); }
.ekbn-box.show { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.ekbn-in { display: grid; grid-template-columns: 52px 1fr; gap: 6px 14px; align-items: center; padding: 16px 16px 14px; background: var(--card, #fff); color: var(--text, #333); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05); }
.ekbn-ic { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; grid-row: span 2; align-self: start; }
.ekbn-ic-bell { display: block; background: var(--main, #da171e); position: relative; }
.ekbn-ic-bell::before, .ekbn-bell span::before { content: ""; position: absolute; inset: 0; margin: auto; width: 24px; height: 24px; background: #fff;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5.5-6.84V3a1.5 1.5 0 0 0-3 0v1.16A7 7 0 0 0 5 11v5l-2 2v1h18v-1Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5.5-6.84V3a1.5 1.5 0 0 0-3 0v1.16A7 7 0 0 0 5 11v5l-2 2v1h18v-1Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.ekbn-txt { margin: 0; font-size: 15px; line-height: 1.45; color: var(--ink, #1b1b1b); }
.ekbn-acts { display: flex; justify-content: flex-end; gap: 8px; }
.ekbn-acts button { padding: 9px 16px; border-radius: 8px; border: 0; font: 600 14px/1.2 inherit; cursor: pointer; }
.ekbn-yes { background: var(--main, #da171e); color: #fff; }
.ekbn-no { background: transparent; color: var(--muted, #6b7280); }
.ekbn-no:hover { background: rgba(127,127,127,.12); }
.ekbn-acts button:focus-visible, .ekbn-bell:focus-visible { outline: 3px solid var(--main, #da171e); outline-offset: 2px; }
.ekbn-bell { position: fixed; left: 16px; bottom: 16px; z-index: 9980; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--main, #da171e); box-shadow: 0 6px 18px rgba(0,0,0,.25); cursor: pointer; }
.ekbn-bell span { position: absolute; inset: 0; }
body:has(.cookie-bar.cookie-bar:not([hidden])) .ekbn-bell { bottom: 96px; }
body:has(.cookie-bar:not([hidden])) .ekbn-box.ekbn-bottom { bottom: 96px; }
.ekbn-toast { position: fixed; left: 50%; bottom: 24px; z-index: 9995; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 10px; background: #1f2328; color: #fff; font-size: 14.5px; line-height: 1.4; transform: translate(-50%, 20px); opacity: 0; transition: transform .3s, opacity .3s; }
.ekbn-toast.show { transform: translate(-50%, 0); opacity: 1; }
@media (max-width: 767px) {
.ekbn-box.ekbn-top { top: 8px; } .ekbn-box.ekbn-bottom { bottom: 70px; }
.ekbn-in { grid-template-columns: 44px 1fr; padding: 14px; }
.ekbn-ic { width: 44px; height: 44px; }
.ekbn-txt { font-size: 14px; }
.ekbn-bell { bottom: 76px; left: 12px; width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .ekbn-box, .ekbn-toast { transition: none; } }
.bn-box { display: flex; gap: 14px; align-items: flex-start; padding: 16px; background: var(--card, #fff); }
.bn-box-ic { flex: none; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--main, #da171e); color: #fff; font-size: 18px; }
.bn-box p { margin: 0 0 10px; color: var(--ink, #1b1b1b); line-height: 1.45; }
.bn-box-btns { display: flex; flex-wrap: wrap; gap: 8px; }
.bn-btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 0; border-radius: 8px; background: var(--main, #da171e); color: #fff !important; font: 600 14px/1.2 inherit; cursor: pointer; text-decoration: none; }
.bn-btn.is-on { background: #1f7a4d; }
.bn-btn-light { background: transparent; color: var(--ink, #1b1b1b) !important; box-shadow: inset 0 0 0 1px var(--line, #dcdcdc); }
.bn-page { display: grid; gap: 16px; max-width: 760px; }
.bn-card { padding: 20px; background: var(--card, #fff); }
.bn-card h2 { margin: 0 0 8px; font-size: 19px; }
.bn-card p { margin: 0 0 12px; line-height: 1.5; }
.bn-small { font-size: 13px; color: var(--muted, #6b7280); margin-top: 12px !important; }
.bn-note { padding: 12px 14px; background: #eaf6ef; border-left: 3px solid #1f7a4d; margin: 0; }
.bn-note-err { background: #fdecec; border-left-color: #c8102e; }
/* eklentiler/canli-anlatim/assets/ca.css */
/*! KUPÜR — Canlı Anlatım eklentisi · © 2026 Engin Koçali · ekbilisim.com */
.ca-badge,.ca-card-live{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--cond,Arial,sans-serif);letter-spacing:.06em;color:#fff;background:#d0021b;border-radius:3px;padding:5px 8px 5px 7px}
.ca-badge i,.ca-card-live i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:caPulse 1.6s infinite}
@keyframes caPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ca-badge.is-end{background:var(--muted,#7a7a7a);letter-spacing:0;font-weight:500}
.article-head .ca-badge{margin:0 0 10px;vertical-align:middle}
.article-head .cat-badge + .ca-badge{margin-left:8px}
.ca-card-live{position:absolute;top:8px;left:8px;z-index:3;font-size:11px;padding:4px 7px 4px 6px;pointer-events:none}
.ca-wrap{margin:24px 0;border-top:3px solid #d0021b;background:var(--card,#fff)}
.ca-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 0 6px}
.ca-head>b{font:700 20px/1.2 var(--cond,Arial,sans-serif);color:var(--ink,#1b1b1b)}
.ca-meta{margin-left:auto;font-size:13px;color:var(--muted,#7a7a7a)}
.ca-meta time{font-weight:700;color:var(--ink,#1b1b1b)}
.ca-note{margin:0 0 8px;font-size:13px;color:var(--muted,#7a7a7a)}
.ca-ended{font-weight:700;color:var(--ink,#1b1b1b)}
.ca-e{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--line,#dcdcdc)}
.ca-e::before{content:"";position:absolute;left:30px;top:44px;bottom:-1px;width:2px;background:var(--line,#dcdcdc)}
.ca-e:last-child::before{display:none}
.ca-time{display:flex;flex-direction:column;align-items:flex-start;font:700 17px/1.1 var(--cond,Arial,sans-serif);color:#d0021b;font-variant-numeric:tabular-nums}
.ca-time small{font:500 11px/1.4 var(--font,Arial,sans-serif);color:var(--muted,#7a7a7a);margin-top:3px}
.ca-time:hover time{text-decoration:underline}
.ca-body{min-width:0;font-size:17px;line-height:1.6;color:var(--text,#333)}
.ca-body h3{margin:0 0 6px;font-size:19px;line-height:1.3;color:var(--ink,#1b1b1b)}
.ca-body p{margin:0 0 10px}
.ca-body p:last-child{margin-bottom:0}
.ca-body a{color:var(--main,#da171e);text-decoration:underline;text-underline-offset:2px}
.ca-img{margin:10px 0 0}
.ca-img img{width:100%;height:auto;border-radius:var(--radius,4px)}
.ca-embed{margin-top:10px}
.ca-imp{display:inline-block;margin:0 0 6px;font:700 11px/1 var(--cond,Arial,sans-serif);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#d0021b;border-radius:3px;padding:4px 6px}
.ca-e.is-imp .ca-body{border-left:4px solid #d0021b;padding-left:12px}
.ca-e.is-imp .ca-body h3{color:#d0021b}
.ca-pins .ca-e{background:rgba(245,208,0,.12);padding:16px 12px;border:1px solid rgba(245,208,0,.55);border-radius:var(--radius,4px);margin-bottom:10px}
.ca-pins .ca-e::before{display:none}
.ca-pinned{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px;font-size:12px;font-weight:700;color:#8a6d00}
.ca-pinned svg{width:14px;height:14px}
.ca-e.is-more{display:none}
.ca-wrap.show-all .ca-e.is-more{display:grid}
.ca-more{display:block;width:100%;margin:6px 0 0;padding:12px;border:1px solid var(--line,#dcdcdc);background:transparent;color:var(--ink,#1b1b1b);font:700 14px var(--font,Arial,sans-serif);border-radius:var(--radius,4px);cursor:pointer}
.ca-more:hover{border-color:#d0021b;color:#d0021b}
.ca-empty{padding:16px 0;color:var(--muted,#7a7a7a);border-top:1px solid var(--line,#dcdcdc);margin:0}
.ca-newbar{position:sticky;top:12px;z-index:20;display:block;margin:6px auto;padding:9px 16px;border:0;border-radius:99px;background:#d0021b;color:#fff;font:700 14px var(--font,Arial,sans-serif);box-shadow:0 6px 18px rgba(208,2,27,.35);cursor:pointer}
.ca-newbar[hidden]{display:none}
.ca-e.is-fresh{animation:caFresh 3s ease-out}
@keyframes caFresh{0%{background:rgba(208,2,27,.12)}100%{background:transparent}}
@media (max-width:600px){.ca-e{grid-template-columns:50px minmax(0,1fr);gap:10px}.ca-e::before{left:22px}.ca-body{font-size:16px}.ca-time{font-size:15px}.ca-meta{margin-left:0;width:100%}}
@media (prefers-reduced-motion:reduce){.ca-badge i,.ca-card-live i{animation:none}.ca-e.is-fresh{animation:none}}
/* eklentiler/emoji-tepki/assets/tepki.css */
.et { --et-sz: 46px; --et-r: 10px; margin: 22px 0; padding: 18px 16px 16px; background: var(--et-bg, var(--card, #fff)); border: 1px solid var(--et-bd, var(--line, #dcdcdc)); border-radius: var(--et-r); color: var(--text, #333); }
.et.et-in { margin: 18px 0; }
.et.et-plain { padding: 6px 0; border: 0; background: var(--et-bg, transparent); }
.et-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 12px; margin: 0 0 14px; }
.et-al-left .et-head { justify-content: space-between; }
.et-t { margin: 0; font: 700 19px/1.25 var(--cond, var(--font, sans-serif)); color: var(--et-tc, var(--ink, #1b1b1b)); }
.et-total { font-size: 13px; color: var(--et-lc, var(--muted, #7a7a7a)); }
.et-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.et-al-left .et-row { justify-content: flex-start; }
.et-i { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: calc(var(--et-sz) + 26px); padding: 10px 6px 8px; margin: 0; border: 2px solid transparent; border-radius: calc(var(--et-r) * .8); background: transparent; color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .15s, background-color .15s; }
.et-card .et-i { background: var(--et-ibg, color-mix(in srgb, var(--text, #333) 5%, transparent)); }
.et-cp-bottom .et-i .et-n { order: 3; }
.et-im { display: block; width: var(--et-sz); height: var(--et-sz); }
.et-im img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .18s cubic-bezier(.3, 1.6, .5, 1); }
.et-n { min-width: 30px; padding: 1px 8px; border-radius: 999px; background: var(--et-ac, var(--main, #da171e)); color: var(--et-cc, #fff); font: 700 12.5px/1.5 var(--font, sans-serif); text-align: center; font-variant-numeric: tabular-nums; }
.et-l { font-size: 13px; line-height: 1.2; font-weight: 600; color: var(--et-lc, var(--muted, #555)); white-space: nowrap; }
.et-nolabel .et-l { display: none; }
.et-i:hover { border-color: color-mix(in srgb, var(--et-ac, var(--main, #da171e)) 35%, transparent); }
.et-i:focus-visible { outline: 3px solid color-mix(in srgb, var(--et-ac, var(--main, #da171e)) 55%, transparent); outline-offset: 2px; }
.et-i[aria-pressed="true"] { border-color: var(--et-ac, var(--main, #da171e)); background: color-mix(in srgb, var(--et-ac, var(--main, #da171e)) 10%, var(--et-ibg, transparent)); }
.et-i[aria-pressed="true"] .et-l { color: var(--et-ac, var(--main, #da171e)); }
.et-anim .et-i:hover .et-im img { transform: translateY(-3px) scale(1.12); }
.et-anim .et-i.et-pop .et-im img { animation: et-pop .5s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes et-pop { 0% { transform: scale(1); } 35% { transform: scale(1.35) rotate(-8deg); } 70% { transform: scale(.94) rotate(3deg); } 100% { transform: scale(1); } }
.et-busy .et-i { cursor: progress; }
.et-msg { margin: 12px 0 0; font-size: 13.5px; font-weight: 600; text-align: center; color: var(--et-ac, var(--main, #da171e)); }
.et-al-left .et-msg { text-align: left; }
@media (max-width: 600px) {
.et { padding: 14px 10px 12px; }
.et-t { font-size: 17px; }
.et-m-wrap .et-row { gap: 8px; }
.et-m-wrap .et-i { flex: 0 0 calc(25% - 6px); min-width: 0; padding-inline: 2px; }
.et-m-wrap .et-im { width: min(var(--et-sz), 42px); height: min(var(--et-sz), 42px); }
.et-m-scroll .et-row { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; scroll-snap-type: x proximity; }
.et-m-scroll .et-row::-webkit-scrollbar { display: none; }
.et-m-scroll .et-i { flex: 0 0 auto; scroll-snap-align: start; }
.et-l { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .et-im img, .et-anim .et-i.et-pop .et-im img { transition: none; animation: none; } }
/* eklentiler/gunun-ozeti/assets/gozet.css */
.gz-widget { --gzc: var(--gz, var(--main, #da171e)); }
.gz-open { --gzc: var(--gz, var(--main, #da171e)); display: block; width: 100%; padding: 0; margin: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.gz-pics { position: relative; display: grid; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius, 6px); background: #111; }
.gz-pics img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.gz-n3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 2px; }
.gz-n3 .gz-p0 { grid-row: 1 / 3; }
.gz-n2 { grid-template-columns: 1fr 1fr; gap: 2px; }
.gz-open:hover .gz-pics img { transform: scale(1.04); }
.gz-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)); }
.gz-pl { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; display: grid; place-items: center; border-radius: 50%; background: var(--gzc); color: #fff; box-shadow: 0 8px 26px rgba(0,0,0,.45); transition: transform .2s; }
.gz-pl svg { width: 30px; height: 30px; margin-left: 4px; }
.gz-pl::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid rgba(255,255,255,.7); animation: gzRing 2.4s ease-out infinite; }
@keyframes gzRing { from { transform: scale(.85); opacity: 1; } to { transform: scale(1.3); opacity: 0; } }
.gz-open:hover .gz-pl, .gz-open:focus-visible .gz-pl { transform: scale(1.08); }
.gz-open:focus-visible { outline: 3px solid var(--gzc); outline-offset: 3px; border-radius: var(--radius, 6px); }
.gz-tag { position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.6); color: #fff; font-family: var(--cond, inherit); font-size: 12.5px; font-weight: 700; letter-spacing: .3px; }
.gz-tag i { width: 8px; height: 8px; border-radius: 50%; background: var(--gzc); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gzc) 35%, transparent); }
.gz-bt { display: flex; flex-direction: column; gap: 2px; padding: 10px 2px 2px; }
.gz-bt b { font-family: var(--cond, inherit); font-size: 17px; color: var(--ink, #111); }
.gz-meta { font-size: 12.5px; color: var(--muted, #6b7280); }
.gz-open:hover .gz-bt b { color: var(--gzc); }
.gz-st-mini { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: center; }
.gz-st-mini .gz-pics { aspect-ratio: 16 / 10; }
.gz-st-mini .gz-pl { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
.gz-st-mini .gz-pl svg { width: 20px; height: 20px; margin-left: 2px; }
.gz-st-mini .gz-pl::before, .gz-st-mini .gz-tag { display: none; }
.gz-st-mini .gz-bt { padding: 0; }
.gz-btnonly { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--radius, 8px); background: var(--gzc); color: #fff; }
.gz-btnonly .gz-pl { position: static; margin: 0; width: 42px; height: 42px; background: rgba(255,255,255,.2); box-shadow: none; flex: none; }
.gz-btnonly .gz-pl svg { width: 20px; height: 20px; }
.gz-btnonly .gz-pl::before { display: none; }
.gz-btnonly .gz-bt { padding: 0; }
.gz-btnonly .gz-bt b, .gz-btnonly:hover .gz-bt b { color: #fff; }
.gz-btnonly .gz-meta { color: rgba(255,255,255,.85); }
.gz-body { --gzc: var(--gz, var(--main, #da171e)); }
.gz-has-cal .gz-body { display: grid; grid-template-columns: minmax(0, 1fr) 272px; gap: 20px; align-items: center; }
.gz-has-cal .gz-st-mini { grid-template-columns: minmax(140px, 48%) 1fr; }
.gz-empty { display: flex; flex-direction: column; gap: 4px; padding: 18px; border-radius: var(--radius, 8px); background: color-mix(in srgb, var(--gzc) 8%, transparent); }
.gz-empty b { font-family: var(--cond, inherit); font-size: 17px; color: var(--ink, #111); }
.gz-empty span { font-size: 13.5px; color: var(--muted, #6b7280); }
.gz-cal { padding: 8px 10px 8px; border: 1px solid var(--line, #e5e7eb); border-radius: var(--radius, 8px); background: var(--card, #fff); }
.gz-cal-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.gz-cal-t { font-family: var(--cond, inherit); font-size: 14.5px; color: var(--ink, #111); }
.gz-cal-nav { width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink, #111); cursor: pointer; }
.gz-cal-nav svg { width: 16px; height: 16px; }
.gz-cal-nav:hover:not(:disabled), .gz-cal-nav:focus-visible { background: color-mix(in srgb, var(--gzc) 12%, transparent); color: var(--gzc); outline: none; }
.gz-cal-nav:disabled { opacity: .3; cursor: default; }
.gz-cal-w, .gz-cal-g { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.gz-cal-w span { text-align: center; font-size: 10.5px; font-weight: 700; color: var(--muted, #6b7280); padding-bottom: 2px; }
.gz-d { position: relative; display: grid; place-items: center; height: 27px; padding: 0; border: 0; border-radius: 5px; background: transparent; font: inherit; font-size: 12.5px; color: var(--ink, #111); }
.gz-d-off, .gz-d-wait { opacity: .38; }
.gz-d-wait { animation: gzWait 1s ease-in-out infinite alternate; }
@keyframes gzWait { to { opacity: .15; } }
.gz-d-on { font-weight: 700; background: color-mix(in srgb, var(--gzc) 9%, transparent); cursor: pointer; transition: background .15s, color .15s; }
.gz-d-on i { position: absolute; left: 50%; bottom: 2px; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gzc); }
.gz-d-on:hover, .gz-d-on:focus-visible, .gz-d-sel { background: var(--gzc); color: #fff; outline: none; }
.gz-d-on:hover i, .gz-d-on:focus-visible i, .gz-d-sel i { background: #fff; }
.gz-d-today { box-shadow: inset 0 0 0 2px var(--gzc); }
.gz-d-load { animation: gzWait .6s ease-in-out infinite alternate; }
.gz-cal-n { margin: 5px 0 0; font-size: 11.5px; color: var(--muted, #6b7280); text-align: center; }
@media (max-width: 720px) { .gz-has-cal .gz-body { grid-template-columns: 1fr; gap: 12px; } .gz-has-cal .gz-cal { width: 100%; max-width: 300px; margin: 0 auto; } .gz-has-cal .gz-d { height: 25px; } }
.gz-fr .gz-body { padding: 12px; border: 2px solid var(--gzf, var(--gzc)); border-radius: calc(var(--radius, 8px) + 4px); }
.gz-fr-thick .gz-body { border-width: 4px; }
.gz-fr-glow .gz-body { border-width: 3px; animation: gzGlow 2.2s ease-in-out infinite; }
@keyframes gzGlow { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gzf, var(--gzc)) 0%, transparent); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--gzf, var(--gzc)) 28%, transparent), 0 0 22px color-mix(in srgb, var(--gzf, var(--gzc)) 45%, transparent); } }
@media (prefers-reduced-motion: reduce) { .gz-fr-glow .gz-body, .gz-d-wait, .gz-d-load, .gz-pl::before { animation: none; } }
html.gz-lock, html.gz-lock body { overflow: hidden !important; }
.gz-ov { --gzc: var(--gz, var(--main, #da171e)); position: fixed; inset: 0; z-index: 3000; opacity: 0; transition: opacity .2s ease; font-family: var(--font, inherit); }
.gz-ov[hidden] { display: none; }
.gz-ov.gz-in { opacity: 1; }
.gz-back { position: absolute; inset: 0; background: rgba(5,6,10,.88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.gz-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; }
.gz-wrap.gz-rot { transform: translate(-50%, -50%) rotate(90deg); }
.gz-stage, .gz-stage h2, .gz-stage h3, .gz-stage p, .gz-stage span, .gz-stage b { color: #fff; }
.gz-stage { --u: 9px; position: relative; overflow: hidden; background: #000; border-radius: calc(var(--u) * 1.2); box-shadow: 0 30px 80px rgba(0,0,0,.6); color: #fff; transform: scale(.97); transition: transform .25s ease; }
.gz-in .gz-stage { transform: none; }
.gz-stage.gz-full { border-radius: 0; box-shadow: none; }
.gz-layer { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; background: radial-gradient(120% 90% at 75% 20%, color-mix(in srgb, var(--gzc) 55%, #10131c) 0%, #10131c 62%, #05060a 100%); }
.gz-layer img:not([src]) { visibility: hidden; }
.gz-layer.gz-on { opacity: 1; }
.gz-layer img { width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: 60% 40%; }
.gz-layer.gz-kb img { animation: gzKb 14s ease-out forwards; }
.gz-lb img { transform-origin: 35% 55%; }
@keyframes gzKb { from { transform: scale(1); } to { transform: scale(1.12); } }
.gz-paused .gz-layer.gz-kb img { animation-play-state: paused; }
.gz-grad { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 14%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 45%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.85) 100%); pointer-events: none; }
.gz-is-card .gz-grad { background: rgba(0,0,0,.66); }
.gz-is-card .gz-layer img { filter: blur(8px) brightness(.85); }
.gz-bars { position: absolute; left: calc(var(--u) * 2); right: calc(var(--u) * 2); top: calc(var(--u) * 1.3); z-index: 3; display: flex; gap: calc(var(--u) * .4); }
.gz-bars i { flex: 1; height: max(3px, calc(var(--u) * .35)); border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; }
.gz-bars b { display: block; height: 100%; width: 0; background: #fff; }
.gz-top { position: absolute; left: calc(var(--u) * 2); right: calc(var(--u) * 1.4); top: calc(var(--u) * 2.6); z-index: 3; display: flex; align-items: center; gap: calc(var(--u) * 1.2); }
.gz-logo { height: calc(var(--u) * 4); max-width: calc(var(--u) * 22); object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,.5)); }
.gz-site { font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 2.4); text-shadow: 0 2px 8px rgba(0,0,0,.6); }
.gz-ttl { display: flex; flex-direction: column; line-height: 1.15; padding-left: calc(var(--u) * 1.2); border-left: 2px solid rgba(255,255,255,.35); }
.gz-ttl b { font-family: var(--cond, inherit); font-size: calc(var(--u) * 2); letter-spacing: .3px; }
.gz-ttl span { font-size: calc(var(--u) * 1.35); opacity: .8; }
.gz-count { margin-left: auto; font-size: calc(var(--u) * 1.5); font-weight: 700; padding: calc(var(--u) * .4) calc(var(--u) * 1); border-radius: 999px; background: rgba(0,0,0,.45); }
.gz-x { width: calc(var(--u) * 4.4); height: calc(var(--u) * 4.4); min-width: 34px; min-height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; cursor: pointer; }
.gz-x svg { width: 55%; height: 55%; }
.gz-x:hover, .gz-x:focus-visible { background: var(--gzc); outline: none; }
.gz-cap { position: absolute; left: calc(var(--u) * 2.2); bottom: calc(var(--u) * 7.4); z-index: 3; width: fit-content; max-width: min(calc(100% - var(--u) * 4.4), calc(var(--u) * 80)); box-sizing: border-box; padding: calc(var(--u) * 1.6) calc(var(--u) * 2) calc(var(--u) * 1.8); border-radius: calc(var(--u) * 1); background: rgba(0,0,0,var(--gzcap, .66)); -webkit-backdrop-filter: blur(calc(var(--gzcap, .66) * 10px)); backdrop-filter: blur(calc(var(--gzcap, .66) * 10px)); }
.gz-is-card .gz-cap { display: none; }
.gz-capmeta { display: flex; align-items: center; gap: calc(var(--u) * 1); margin-bottom: calc(var(--u) * 1); }
.gz-cat { padding: calc(var(--u) * .35) calc(var(--u) * 1); border-radius: calc(var(--u) * .4); background: var(--c, var(--gzc)); font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 1.35); text-transform: uppercase; letter-spacing: .3px; }
.gz-time { font-size: calc(var(--u) * 1.35); opacity: .85; }
.gz-stage .gz-t { color: #fff !important; }
.gz-t { margin: 0; font-family: var(--cond, inherit); font-weight: 800; font-size: calc(var(--u) * 3.6); line-height: 1.12; text-shadow: 0 2px 14px rgba(0,0,0,.55); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gz-s { margin: calc(var(--u) * 1) 0 0; font-size: calc(var(--u) * 1.75); line-height: 1.4; opacity: .92; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gz-go { display: inline-flex; align-items: center; gap: calc(var(--u) * .6); margin-top: calc(var(--u) * 1.4); padding: calc(var(--u) * .8) calc(var(--u) * 1.6); border-radius: 999px; background: var(--gzc); color: #fff !important; font-weight: 700; font-size: calc(var(--u) * 1.5); text-decoration: none !important; position: relative; z-index: 4; }
.gz-go svg { width: calc(var(--u) * 1.6); height: calc(var(--u) * 1.6); }
.gz-go:hover, .gz-go:focus-visible { filter: brightness(1.1); outline: 2px solid #fff; outline-offset: 2px; }
.gz-card { position: absolute; inset: 0; z-index: 2; display: none; place-items: center; text-align: center; }
.gz-is-card .gz-card { display: grid; }
.gz-card-in { display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * 1.2); padding: 0 calc(var(--u) * 6); animation: gzUp .6s ease both; }
@keyframes gzUp { from { transform: translateY(calc(var(--u) * 2)); opacity: 0; } to { transform: none; opacity: 1; } }
.gz-card-in img { max-height: calc(var(--u) * 9); max-width: calc(var(--u) * 46); object-fit: contain; filter: drop-shadow(0 4px 14px rgba(0,0,0,.6)); }
.gz-cs { font-family: var(--cond, inherit); font-size: calc(var(--u) * 5); font-weight: 800; }
.gz-card-in h2 { margin: 0; font-family: var(--cond, inherit); font-size: calc(var(--u) * 5.6); font-weight: 800; line-height: 1.05; color: #fff; }
.gz-card-in h2::after { content: ""; display: block; width: calc(var(--u) * 9); height: calc(var(--u) * .6); margin: calc(var(--u) * 1.4) auto 0; border-radius: 4px; background: var(--gzc); }
.gz-card-in p { margin: 0; font-size: calc(var(--u) * 2); opacity: .9; }
.gz-again { display: inline-flex; align-items: center; gap: calc(var(--u) * .6); margin-top: calc(var(--u) * 1); padding: calc(var(--u) * .9) calc(var(--u) * 2); border: 0; border-radius: 999px; background: var(--gzc); color: #fff; font: inherit; font-weight: 700; font-size: calc(var(--u) * 1.6); cursor: pointer; }
.gz-again svg { width: calc(var(--u) * 1.8); height: calc(var(--u) * 1.8); }
.gz-zone { position: absolute; top: 18%; bottom: 22%; z-index: 2; width: 26%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.gz-zl { left: 0; } .gz-zr { right: 0; }
.gz-zone:focus-visible { outline: 2px dashed rgba(255,255,255,.6); outline-offset: -6px; }
.gz-ctl { position: absolute; right: calc(var(--u) * 2); bottom: calc(var(--u) * 1.8); z-index: 4; display: flex; align-items: center; gap: calc(var(--u) * .6); padding: calc(var(--u) * .5); border-radius: 999px; background: rgba(0,0,0,.55); backdrop-filter: blur(4px); }
.gz-b { width: calc(var(--u) * 4.2); height: calc(var(--u) * 4.2); min-width: 32px; min-height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.gz-b svg { width: 52%; height: 52%; }
.gz-b:hover, .gz-b:focus-visible { background: rgba(255,255,255,.18); outline: none; }
.gz-play { background: var(--gzc); }
.gz-play:hover, .gz-play:focus-visible { background: var(--gzc); filter: brightness(1.12); }
.gz-b[hidden] { display: none; }
.gz-rate { height: calc(var(--u) * 3.4); min-height: 28px; padding: 0 calc(var(--u) * .6); border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: transparent; color: #fff; font: inherit; font-size: max(12px, calc(var(--u) * 1.3)); cursor: pointer; }
.gz-rate option { color: #111; }
.gz-note { position: absolute; left: calc(var(--u) * 3.2); bottom: calc(var(--u) * 2.4); z-index: 4; max-width: 55%; padding: calc(var(--u) * .5) calc(var(--u) * 1.2); border-radius: 999px; background: rgba(0,0,0,.6); font-size: max(11px, calc(var(--u) * 1.25)); }
.gz-note[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
.gz-layer.gz-kb img, .gz-pl::before, .gz-card-in { animation: none; }
.gz-layer, .gz-ov, .gz-stage { transition: none; }
}
.gz-count:empty { visibility: hidden; }
.gz-inl { --gzc: var(--gz, var(--main, #da171e)); margin: 0; }
.gz-inl-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius, 6px); overflow: hidden; background: #111; }
.gz-inl-poster { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: #111; color: #fff; cursor: pointer; text-align: left; font: inherit; }
.gz-inl-poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gz-inl-poster:hover img { transform: scale(1.03); }
.gz-inl-poster .gz-shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.1) 100%); }
.gz-inl-poster .gz-pl { top: 42%; width: 76px; height: 76px; margin: -38px 0 0 -38px; }
.gz-inl-poster .gz-pl svg { width: 34px; height: 34px; }
.gz-inl-poster:hover .gz-pl, .gz-inl-poster:focus-visible .gz-pl { transform: scale(1.08); }
.gz-inl-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px 20px 18px; display: grid; gap: 6px; }
.gz-inl-cap .gz-tag { position: static; justify-self: start; }
.gz-inl-cap b { color: #fff; font-size: clamp(17px, 2.2vw, 24px); line-height: 1.2; }
.gz-inl-cap .gz-meta { color: rgba(255,255,255,.85); }
.gz-inl-poster:focus-visible { outline: 3px solid var(--gzc); outline-offset: -3px; }
.gz-inl-on .gz-inl-poster { display: none; }
.gz-ov.gz-inl-ov { position: absolute; inset: 0; z-index: 2; opacity: 1; }
.gz-inl-ov .gz-back { display: none; }
.gz-inl-ov .gz-wrap { position: relative; left: auto; top: auto; transform: none; }
.gz-inl-ov .gz-stage { transform: none; box-shadow: none; border-radius: 0; }
.gz-stage.gz-narrow .gz-s, .gz-stage.gz-narrow .gz-rate { display: none; }
.art-stream > .gz-defer { margin: 24px 0; }