/* SX_QUIZ: Bilgi Yarışması görünümü (koyu + açık tema) */
.sx_qz_badge{display:flex;margin-left:6px;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(255,216,77,.22),rgba(124,92,255,.18));color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;vertical-align:middle;line-height:16px}
li.message.sx_qz_bot .send_by .sx_lv,li.message.sx_qz_bot .sx_lv{display:none!important}
li.message.sx_qz_bot .message_content{white-space:pre-line;line-height:1.45}
li.message.sx_qz_bot .sx_qz_cardbox>div:first-child{background:transparent!important;color:inherit!important;box-shadow:none!important}
li.message.sx_qz_bot .sx_qz_cardbox .message_content{color:inherit!important}
li.message.sx_qz_bot .sx_qz_cardbox{display:inline-block;max-width:100%;padding:2px 4px;border-radius:18px!important;border:1px solid rgba(216,27,122,.45)!important;background:linear-gradient(150deg,#2a0f55,#3c1272)!important;color:#fff!important;box-shadow:0 6px 22px rgba(216,27,122,.22)}
body.light_mode li.message.sx_qz_bot .sx_qz_cardbox{background:linear-gradient(150deg,#fff,#fdeef7)!important;color:#2a0f55!important;border-color:#f3c3dd!important}
li.message.sx_qz_q .sx_qz_cardbox{border-left:4px solid #ff4fa3!important}
li.message.sx_qz_ok .sx_qz_cardbox{border-left:4px solid #2ecc71!important}
li.message.sx_qz_hint .sx_qz_cardbox{border-left:4px solid #ffc83d!important}
li.message.sx_qz_late .sx_qz_cardbox,li.message.sx_qz_stop .sx_qz_cardbox{border-left:4px solid #9b8cc2!important}
li.message.sx_qz_end .sx_qz_cardbox{border-left:4px solid #ffd54a!important;background:linear-gradient(150deg,#3a1170,#7a1660)!important}
body.light_mode li.message.sx_qz_end .sx_qz_cardbox{background:linear-gradient(150deg,#fff8e1,#ffe3f1)!important}
li.message.sx_qz_start .sx_qz_cardbox{background:linear-gradient(135deg,#d81b7a,#5b1aa8)!important;color:#fff!important}
.sx_qz_bar{--b1:#2a0f55;--b2:#3c1272;--tx:#fff;--mut:#d9c6f5;--line:rgba(255,255,255,.14);position:relative;z-index:3;margin:6px 10px 4px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,var(--b1),var(--b2));color:var(--tx);border:1px solid rgba(216,27,122,.5);box-shadow:0 8px 24px rgba(216,27,122,.25);font-size:14px;line-height:1.35}
body.light_mode .sx_qz_bar{--b1:#fff;--b2:#fdeef7;--tx:#2a0f55;--mut:#5a3b7d !important;--line:#f1d3e6}
.sx_qz_row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sx_qz_owl{font-size:20px}
.sx_qz_mut{color:var(--mut);font-size:13px}
.sx_qz_pill{background:linear-gradient(90deg,#ff4fa3,#d81b7a);color:#fff;border-radius:20px;padding:2px 10px;font-weight:800;font-size:13px}
.sx_qz_cat{color:var(--mut);font-size:13px;font-weight:600}
.sx_qz_time{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums;color:#ff8cc6}
.sx_qz_time.hot{color:#ff4d6d;animation:sxqzp .5s ease-in-out infinite alternate}
@keyframes sxqzp{to{transform:scale(1.12)}}
.sx_qz_track{height:7px;border-radius:6px;background:var(--line);overflow:hidden;margin:8px 0 6px}
.sx_qz_track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ffc83d,#ff4fa3,#d81b7a);transition:width .25s linear}
.sx_qz_q{font-weight:800;font-size:15.5px;margin:2px 0 6px}
.sx_qz_opts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:6px}
.sx_qz_opt{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:12px;padding:5px 9px;font-size:13px}
body.light_mode .sx_qz_opt{background:#fff}
.sx_qz_opt b{color:#ff4fa3;margin-right:3px}
.sx_qz_foot{justify-content:space-between}
.sx_qz_hint{font-weight:700;letter-spacing:.04em;color:#ffc83d}
body.light_mode .sx_qz_hint{color:#b36b00}
.sx_qz_tries{font-size:12px;color:var(--mut);margin-left:auto}
/* Soru Bankası */
.sx_qz_modal{max-width:760px;width:calc(100% - 24px);max-height:88vh;overflow:auto;text-align:left}
.sx_qz_tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.sx_qz_tab{border:1px solid var(--sx-line);background:var(--sx-card2);color:var(--sx-tx);border-radius:20px;padding:7px 13px;font-weight:700;cursor:pointer;font-size:13px}
.sx_qz_tab.on{background:linear-gradient(90deg,#ff4fa3,#d81b7a);color:#fff;border-color:transparent}
.sx_qz_filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.sx_qz_filters input{grid-column:1/-1}
.sx_qz_modal input,.sx_qz_modal select,.sx_qz_modal textarea{width:100%;box-sizing:border-box;background:var(--sx-card2);color:var(--sx-tx);border:1px solid var(--sx-line);border-radius:12px;padding:9px 11px;font-size:14px;font-family:inherit}
.sx_qz_item{border:1px solid var(--sx-line);background:var(--sx-card2);border-radius:16px;padding:10px 12px;margin-bottom:8px}
.sx_qz_item.off{opacity:.55}
.sx_qz_meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:5px}
.sx_qz_chip{font-size:11px;font-weight:700;border-radius:10px;padding:2px 8px;background:rgba(216,27,122,.18);color:#ff7ab8}
body.light_mode .sx_qz_chip{color:#a3125a !important;}
.sx_qz_chip.d_kolay{background:rgba(46,204,113,.18);color:#2ecc71}.sx_qz_chip.d_zor{background:rgba(255,77,109,.18);color:#ff4d6d}
.sx_qz_qt{font-weight:700;font-size:14px}
.sx_qz_ans{font-size:13px;color:var(--sx-mut);margin:3px 0 6px}
.sx_qz_act{display:flex;gap:6px}
.sx_qz_btn2{border:1px solid var(--sx-line);background:transparent;color:var(--sx-tx);border-radius:14px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}
.sx_qz_btn2:disabled{opacity:.4}
.sx_qz_pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:10px 0}
.sx_qz_form label{display:block;font-size:13px;font-weight:700;margin-bottom:9px;color:var(--sx-mut)}
.sx_qz_form label>input,.sx_qz_form label>select,.sx_qz_form label>textarea{margin-top:4px}
.sx_qz_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sx_qz_msg{min-height:20px;margin:6px 0;font-size:14px}
.sx_qz_err{color:#ff4d6d}
.sx_qz_pre{background:var(--sx-card2);border:1px solid var(--sx-line);border-radius:12px;padding:8px;font-size:12px;white-space:pre-wrap;color:var(--sx-mut)}
.sx_qz_file{margin-bottom:8px}
.sx_qz_kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}
.sx_qz_kpis div{background:var(--sx-card2);border-radius:14px;padding:10px;display:flex;flex-direction:column}
.sx_qz_kpis b{font-size:20px;color:#ff4fa3}.sx_qz_kpis span{font-size:12px;color:var(--sx-mut)}
.sx_qz_tbl{width:100%;border-collapse:collapse;font-size:13px}
.sx_qz_tbl th,.sx_qz_tbl td{padding:6px 8px;border-bottom:1px solid var(--sx-line);text-align:left}
.sx_qz_errs{font-size:12px;color:var(--sx-mut);padding-left:18px}
@media (max-width:520px){.sx_qz_grid{grid-template-columns:1fr 1fr}.sx_qz_opts{grid-template-columns:1fr}}
li.message.sx_qz_private .right>.content{opacity:.72;filter:saturate(.6)}
.sx_qz_priv{font-size:13px;color:#c9b6ea;margin:3px 0 0 4px}
body.light_mode .sx_qz_priv{color:#8a6aa8}
.sx_qz_small{font-size:12px;margin-top:2px}

/* SX_BANKS: Soru/Kelime Bankasi, sx_rewards modal sistemiyle ayni olcu: ortali, sabit baslik + sekmeler, icerik kendi icinde kayar, 18px ic bosluk. */
.sx_rw_overlay .sx_rw_modal.sx_qz_modal{max-width:720px;width:100%;height:min(720px,calc(100vh - 48px));height:min(720px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;padding:0;text-align:left;box-sizing:border-box}
.sx_rw_modal.sx_qz_modal>.sx_rw_h{flex:0 0 auto;margin:0;padding:14px 60px 12px 20px;font-size:19px;border-bottom:1px solid var(--sx-line)}
.sx_rw_modal.sx_qz_modal>.sx_qz_x,.sx_rw_modal.sx_qz_modal>.sx_rw_x{position:absolute;top:7px;right:10px;width:36px;height:36px;padding:0;border-radius:50%;z-index:3}
.sx_rw_modal.sx_qz_modal>.sx_qz_tabs{flex:0 0 auto;margin:0;padding:12px 20px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.sx_rw_modal.sx_qz_modal>.sx_qz_tabs>button{justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx_rw_modal.sx_qz_modal>.sx_qz_body,.sx_rw_modal.sx_qz_modal>.sx_kw_body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:2px 14px 16px 20px;box-sizing:border-box}
.sx_rw_modal.sx_qz_modal .sx_qz_filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sx_rw_modal.sx_qz_modal .sx_qz_item{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.sx_rw_modal.sx_qz_modal>.sx_kw_attr{flex:0 0 auto;margin:0;padding:8px 20px calc(10px + env(safe-area-inset-bottom))}
@media (max-width:600px){.sx_rw_overlay .sx_rw_modal.sx_qz_modal{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}
 .sx_rw_modal.sx_qz_modal .sx_qz_filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sx_rw_modal.sx_qz_modal>.sx_rw_h{padding-left:16px}.sx_rw_modal.sx_qz_modal>.sx_qz_tabs{padding:10px 16px 8px;grid-template-columns:repeat(2,1fr)}
 .sx_rw_modal.sx_qz_modal>.sx_qz_body,.sx_rw_modal.sx_qz_modal>.sx_kw_body{padding:2px 12px calc(14px + env(safe-area-inset-bottom)) 16px}.sx_rw_modal.sx_qz_modal>.sx_kw_attr{padding-left:16px;padding-right:16px}}
@media (min-width:601px){.sx_rw_modal.sx_qz_modal .sx_kw_filters{grid-template-columns:repeat(3,minmax(0,1fr))}}