/* ================================================================
   FEZO STREAM CRACKER PRO — Scoped CSS
   Všetky štýly sú pod .fsc-wrap — žiadne konflikty s WP témou
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

.fsc-wrap {
  --fsc-blue:   #00d4ff;
  --fsc-green:  #4ade80;
  --fsc-orange: #fb923c;
  --fsc-red:    #f87171;
  --fsc-yellow: #fbbf24;
  --fsc-purple: #a78bfa;
  --fsc-teal:   #2dd4bf;
  --fsc-pink:   #f472b6;
  --fsc-bg:     #020408;
  --fsc-card:   #080f1e;
  --fsc-border: rgba(0,212,255,0.1);
  --fsc-text:   #e2e8f0;
  --fsc-muted:  rgba(255,255,255,0.3);

  font-family: 'Space Grotesk', sans-serif;
  background: var(--fsc-bg);
  color: var(--fsc-text);
  padding: 24px;
  border-radius: 20px;
  position: relative;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,212,255,0.15) transparent;
}
.fsc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.fsc-wrap *::-webkit-scrollbar { width: 4px; height: 4px; }
.fsc-wrap *::-webkit-scrollbar-thumb { background: rgba(0,212,255,0.15); border-radius: 2px; }

/* bg grid */
.fsc-wrap::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(0,212,255,0.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,0.012) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 0;
  border-radius: 20px;
}
.fsc-wrap > * { position: relative; z-index: 1; }

/* ── HEADER ── */
.fsc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.fsc-logo-row { display: flex; align-items: center; gap: 14px; }
.fsc-logo-icon {
  width: 48px; height: 48px; border-radius: 13px;
  background: linear-gradient(135deg, #0044ff, #00d4ff);
  display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
  box-shadow: 0 0 35px rgba(0,212,255,0.5);
  animation: fsc-lp 3s ease-in-out infinite;
}
@keyframes fsc-lp { 0%,100%{box-shadow:0 0 35px rgba(0,212,255,.45)}50%{box-shadow:0 0 55px rgba(0,212,255,.8)} }
.fsc-logo-txt { font-size: 1.35rem; font-weight: 700; color: #fff; letter-spacing: -0.5px; }
.fsc-grad { background: linear-gradient(90deg,#00d4ff,#4ade80); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.fsc-logo-v { font-size: .85rem; font-weight: 400; color: rgba(255,255,255,.22); }
.fsc-logo-sub { font-size: .52rem; color: var(--fsc-muted); letter-spacing: 2.5px; text-transform: uppercase; margin-top: 3px; }

/* STATUS CHIP */
.fsc-status-chip { padding: 6px 14px; border-radius: 20px; font-size: .62rem; font-weight: 700; border: 1px solid; display: flex; align-items: center; gap: 7px; transition: all .4s; }
.fsc-chip-idle  { background: rgba(255,255,255,.03);  border-color: rgba(255,255,255,.08); color: var(--fsc-muted); }
.fsc-chip-run   { background: rgba(251,191,36,.08);   border-color: rgba(251,191,36,.3);  color: var(--fsc-yellow); }
.fsc-chip-ok    { background: rgba(74,222,128,.08);   border-color: rgba(74,222,128,.3);  color: var(--fsc-green); }
.fsc-chip-fail  { background: rgba(248,113,113,.08);  border-color: rgba(248,113,113,.3); color: var(--fsc-red); }
.fsc-chip-dot   { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.fsc-blink { animation: fsc-bl .75s ease-in-out infinite; }
@keyframes fsc-bl { 0%,100%{opacity:1}50%{opacity:.1} }

/* ── STATS ── */
.fsc-stat-row { display: grid; grid-template-columns: repeat(8,1fr); gap: 9px; margin-bottom: 18px; }
.fsc-sbox { background: var(--fsc-card); border: 1px solid var(--fsc-border); border-radius: 12px; padding: 13px 9px; text-align: center; transition: border-color .3s, transform .2s; }
.fsc-sbox:hover { border-color: rgba(0,212,255,.22); transform: translateY(-1px); }
.fsc-snum { font-size: 1.45rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; line-height: 1; transition: color .4s; }
.fsc-slbl { font-size: .5rem; color: var(--fsc-muted); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px; }

/* ── TABS ── */
.fsc-tabs { display: flex; gap: 4px; margin-bottom: 16px; background: var(--fsc-card); border: 1px solid var(--fsc-border); border-radius: 13px; padding: 5px; flex-wrap: wrap; }
.fsc-tab { padding: 8px 16px; border-radius: 9px; font-size: .67rem; font-weight: 600; cursor: pointer; transition: all .2s; color: var(--fsc-muted); border: none; background: none; font-family: 'Space Grotesk', sans-serif; white-space: nowrap; }
.fsc-tab:hover { color: #fff; background: rgba(255,255,255,.05); }
.fsc-tab.fsc-tab-active { background: rgba(0,212,255,.12); border: 1px solid rgba(0,212,255,.25); color: var(--fsc-blue); }

/* ── PANELS ── */
.fsc-panel { display: none; }
.fsc-panel.fsc-panel-active { display: block; }

/* ── CARD ── */
.fsc-card { background: var(--fsc-card); border: 1px solid var(--fsc-border); border-radius: 18px; padding: 20px; margin-bottom: 14px; box-shadow: 0 4px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(0,212,255,.04); }
.fsc-sec-label { font-size: .57rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: var(--fsc-blue); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.fsc-sec-label::before { content: ''; width: 3px; height: 14px; background: currentColor; border-radius: 2px; flex-shrink: 0; }

/* ── INPUTS ── */
.fsc-ta { width: 100%; min-height: 110px; background: rgba(0,0,0,.55); border: 1px solid rgba(0,212,255,.16); border-radius: 11px; padding: 12px 14px; font-size: .75rem; color: #fff; resize: vertical; outline: none; font-family: 'JetBrains Mono', monospace; line-height: 1.75; transition: border-color .3s; }
.fsc-ta:focus { border-color: rgba(0,212,255,.4); box-shadow: 0 0 0 3px rgba(0,212,255,.05); }
.fsc-ta::placeholder { color: rgba(255,255,255,.1); font-family: 'Space Grotesk', sans-serif; }
.fsc-fi { background: rgba(0,0,0,.5); border: 1px solid rgba(0,212,255,.14); border-radius: 8px; padding: 9px 12px; font-size: .75rem; color: #fff; outline: none; width: 100%; font-family: 'JetBrains Mono', monospace; transition: border-color .3s; }
.fsc-fi:focus { border-color: rgba(0,212,255,.35); box-shadow: 0 0 0 3px rgba(0,212,255,.04); }
.fsc-fi::placeholder { color: rgba(255,255,255,.1); font-family: 'Space Grotesk', sans-serif; }
.fsc-fl { font-size: .57rem; color: var(--fsc-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; display: block; margin-bottom: 5px; }
.fsc-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }

/* ── TOGGLES ── */
.fsc-opts { display: flex; gap: 14px; margin-top: 13px; flex-wrap: wrap; align-items: center; }
.fsc-tog { display: flex; align-items: center; gap: 7px; cursor: pointer; user-select: none; }
.fsc-tog input { display: none; }
.fsc-sw { width: 32px; height: 17px; border-radius: 9px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); position: relative; transition: all .3s; flex-shrink: 0; }
.fsc-sw::after { content: ''; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #fff; top: 2px; left: 2px; transition: left .3s; }
.fsc-tog input:checked + .fsc-sw { background: rgba(0,212,255,.22); border-color: rgba(0,212,255,.5); }
.fsc-tog input:checked + .fsc-sw::after { left: 17px; background: var(--fsc-blue); }
.fsc-tl { font-size: .61rem; color: var(--fsc-muted); font-weight: 500; }
.fsc-tog:hover .fsc-tl { color: #fff; }
.fsc-sep { width: 1px; height: 17px; background: rgba(255,255,255,.07); }

/* ── BUTTONS ── */
.fsc-btn-row { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; align-items: center; }
.fsc-btn { padding: 10px 20px; border-radius: 10px; font-size: .76rem; font-weight: 700; cursor: pointer; transition: all .25s; font-family: 'Space Grotesk', sans-serif; display: inline-flex; align-items: center; gap: 7px; border: none; white-space: nowrap; }
.fsc-btn-primary { background: linear-gradient(135deg,#0044ff,#00d4ff); color: #fff; box-shadow: 0 0 26px rgba(0,212,255,.28); }
.fsc-btn-primary:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 0 40px rgba(0,212,255,.5); }
.fsc-btn-primary:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.fsc-btn-sec { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); color: var(--fsc-muted); }
.fsc-btn-sec:hover { background: rgba(255,255,255,.08); color: #fff; }
.fsc-btn-grn { background: rgba(74,222,128,.07) !important; border: 1px solid rgba(74,222,128,.2) !important; color: var(--fsc-green) !important; }
.fsc-btn-grn:hover { background: rgba(74,222,128,.15) !important; }
.fsc-btn-sm { padding: 5px 11px; font-size: .59rem; border-radius: 6px; }

/* ── PROGRESS ── */
.fsc-prog-wrap { background: var(--fsc-card); border: 1px solid var(--fsc-border); border-radius: 16px; padding: 16px 20px; margin-bottom: 14px; }
.fsc-prog-hdr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.fsc-prog-info { font-size: .7rem; color: var(--fsc-muted); }
.fsc-prog-info strong { color: #fff; font-family: 'JetBrains Mono', monospace; }
.fsc-prog-pct { font-size: 1.4rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; color: #fff; }
.fsc-prog-bg { background: rgba(0,0,0,.4); border-radius: 6px; height: 6px; overflow: hidden; }
.fsc-prog-bar { height: 100%; border-radius: 6px; width: 0%; transition: width .5s ease; background: linear-gradient(90deg,#0044ff,#00d4ff,#4ade80); box-shadow: 0 0 9px rgba(0,212,255,.35); }
.fsc-prog-sub { font-size: .58rem; color: var(--fsc-muted); margin-top: 6px; font-family: 'JetBrains Mono', monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fsc-prog-phase { font-size: .59rem; color: var(--fsc-yellow); margin-top: 3px; font-weight: 600; }

/* ── TWO COL ── */
.fsc-two-col { display: grid; grid-template-columns: 1fr 340px; gap: 14px; align-items: start; margin-top: 14px; }

/* ── CAT FILTER ── */
.fsc-cat-filter { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 13px; }
.fsc-cat-btn { padding: 5px 12px; border-radius: 20px; font-size: .59rem; font-weight: 700; border: 1px solid; cursor: pointer; transition: all .2s; font-family: 'Space Grotesk', sans-serif; background: none; }
.fsc-cat-all  { border-color: rgba(0,212,255,.25);   color: var(--fsc-blue); }
.fsc-cat-live { border-color: rgba(74,222,128,.2);   color: var(--fsc-green); }
.fsc-cat-slow { border-color: rgba(251,191,36,.2);   color: var(--fsc-yellow); }
.fsc-cat-enc  { border-color: rgba(248,113,113,.18); color: var(--fsc-red); }
.fsc-cat-off  { border-color: rgba(255,255,255,.08); color: var(--fsc-muted); }
.fsc-cat-sel  { opacity: 1; box-shadow: 0 0 11px rgba(0,212,255,.2); }
.fsc-cat-btn:not(.fsc-cat-sel) { opacity: .52; }

/* ── STREAM ITEM ── */
.fsc-si { border: 1px solid rgba(255,255,255,.06); border-radius: 13px; margin-bottom: 9px; overflow: hidden; transition: border-color .3s; }
.fsc-si-hdr { display: flex; align-items: center; gap: 9px; padding: 11px 14px; background: rgba(0,0,0,.22); cursor: pointer; user-select: none; transition: background .2s; }
.fsc-si-hdr:hover { background: rgba(0,0,0,.38); }
.fsc-si-num { width: 23px; height: 23px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .62rem; font-weight: 700; flex-shrink: 0; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: var(--fsc-muted); }
.fsc-si-url { flex: 1; font-family: 'JetBrains Mono', monospace; font-size: .61rem; color: rgba(255,255,255,.52); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fsc-si-badges { display: flex; gap: 4px; flex-shrink: 0; }
.fsc-si-chev { font-size: .62rem; color: var(--fsc-muted); transition: transform .22s; flex-shrink: 0; }
.fsc-si-chev.fsc-open { transform: rotate(90deg); }
.fsc-si-body { display: none; padding: 13px 14px; border-top: 1px solid rgba(255,255,255,.04); }
.fsc-si-body.fsc-open { display: block; }

/* BADGES */
.fsc-badge { display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 4px; font-size: .51rem; font-weight: 800; border: 1px solid; white-space: nowrap; }
.fsc-b-live { background: rgba(74,222,128,.1);  border-color: rgba(74,222,128,.28);  color: var(--fsc-green); }
.fsc-b-slow { background: rgba(251,191,36,.1);  border-color: rgba(251,191,36,.25);  color: var(--fsc-yellow); }
.fsc-b-enc  { background: rgba(248,113,113,.08);border-color: rgba(248,113,113,.2);  color: var(--fsc-red); }
.fsc-b-geo  { background: rgba(45,212,191,.1);  border-color: rgba(45,212,191,.25);  color: var(--fsc-teal); }
.fsc-b-cors { background: rgba(244,114,182,.08);border-color: rgba(244,114,182,.22); color: var(--fsc-pink); }
.fsc-b-hd   { background: rgba(167,139,250,.08);border-color: rgba(167,139,250,.22); color: var(--fsc-purple); }
.fsc-b-off  { background: rgba(255,255,255,.04);border-color: rgba(255,255,255,.1);  color: var(--fsc-muted); }
.fsc-b-retry{ background: rgba(251,146,60,.08); border-color: rgba(251,146,60,.2);   color: var(--fsc-orange); }

/* TEST ROWS */
.fsc-tr { display: flex; align-items: center; gap: 7px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.025); font-size: .62rem; }
.fsc-tr:last-child { border-bottom: none; }
.fsc-tr-ico { width: 16px; text-align: center; flex-shrink: 0; }
.fsc-tr-name { flex: 1; color: var(--fsc-muted); }
.fsc-tr-val { font-family: 'JetBrains Mono', monospace; font-size: .57rem; padding: 2px 6px; border-radius: 4px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.35); }
.fsc-tr-res { font-weight: 700; font-size: .59rem; flex-shrink: 0; }
.fsc-c-ok   { color: var(--fsc-green); }
.fsc-c-fail { color: var(--fsc-red); }
.fsc-c-warn { color: var(--fsc-orange); }
.fsc-c-dim  { color: var(--fsc-muted); }

.fsc-url-box { font-family: 'JetBrains Mono', monospace; font-size: .59rem; color: rgba(0,212,255,.7); background: rgba(0,0,0,.4); border-radius: 8px; padding: 7px 10px; margin-top: 9px; word-break: break-all; line-height: 1.55; border: 1px solid rgba(0,212,255,.1); }
.fsc-preview { font-family: 'JetBrains Mono', monospace; font-size: .55rem; color: rgba(255,255,255,.3); background: rgba(0,0,0,.45); border-radius: 8px; padding: 8px 10px; margin-top: 7px; line-height: 1.65; white-space: pre-wrap; max-height: 110px; overflow-y: auto; border: 1px solid rgba(255,255,255,.04); display: none; }
.fsc-si-acts { display: flex; gap: 5px; margin-top: 9px; flex-wrap: wrap; }
.fsc-ab { padding: 5px 11px; border-radius: 7px; font-size: .57rem; font-weight: 700; border: 1px solid; cursor: pointer; font-family: 'Space Grotesk', sans-serif; transition: all .15s; display: inline-flex; align-items: center; gap: 4px; background: none; }
.fsc-ab-g { border-color: rgba(74,222,128,.2);   color: var(--fsc-green); }  .fsc-ab-g:hover { background: rgba(74,222,128,.12); }
.fsc-ab-b { border-color: rgba(0,212,255,.18);   color: var(--fsc-blue); }   .fsc-ab-b:hover { background: rgba(0,212,255,.1); }
.fsc-ab-o { border-color: rgba(251,146,60,.18);  color: var(--fsc-orange); } .fsc-ab-o:hover { background: rgba(251,146,60,.1); }
.fsc-ab-p { border-color: rgba(167,139,250,.18); color: var(--fsc-purple); } .fsc-ab-p:hover { background: rgba(167,139,250,.1); }

/* ── FINAL REPORT ── */
.fsc-fr { border-radius: 18px; padding: 20px; margin-bottom: 14px; background: linear-gradient(135deg,rgba(0,40,15,.32),rgba(0,15,50,.32)); border: 1px solid rgba(74,222,128,.18); }
.fsc-fr.bad { background: linear-gradient(135deg,rgba(50,0,0,.25),rgba(15,0,30,.25)); border-color: rgba(248,113,113,.18); }
.fsc-fr-title { font-size: .59rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: var(--fsc-green); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.fsc-fr-title::before { content: ''; width: 3px; height: 14px; background: currentColor; border-radius: 2px; }
.fsc-fr-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 13px; }
.fsc-fr-stat { background: rgba(0,0,0,.3); border-radius: 9px; padding: 11px; text-align: center; }
.fsc-fr-num { font-size: 1.7rem; font-weight: 700; font-family: 'JetBrains Mono', monospace; line-height: 1; }
.fsc-fr-lbl { font-size: .51rem; color: var(--fsc-muted); text-transform: uppercase; letter-spacing: 1.5px; margin-top: 3px; }
.fsc-rec-box { background: rgba(0,0,0,.25); border-radius: 11px; padding: 12px 14px; }
.fsc-rec-title { font-size: .55rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--fsc-yellow); margin-bottom: 8px; }
.fsc-rec { display: flex; align-items: flex-start; gap: 7px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.03); font-size: .62rem; color: rgba(255,255,255,.62); line-height: 1.5; }
.fsc-rec:last-child { border-bottom: none; }

/* ── QUICK CHECK RESULTS ── */
.fsc-q-item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 9px; margin-bottom: 5px; border: 1px solid; font-size: .65rem; transition: border-color .2s; }
.fsc-q-item.alive  { border-color: rgba(74,222,128,.2);  background: rgba(74,222,128,.04); }
.fsc-q-item.dead   { border-color: rgba(248,113,113,.2); background: rgba(248,113,113,.03); }
.fsc-q-item.check  { border-color: rgba(251,191,36,.15); background: rgba(251,191,36,.03); }
.fsc-q-ico  { font-size: .9rem; flex-shrink: 0; }
.fsc-q-url  { flex: 1; font-family: 'JetBrains Mono', monospace; font-size: .58rem; color: rgba(255,255,255,.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fsc-q-code { font-family: 'JetBrains Mono', monospace; font-size: .6rem; padding: 2px 7px; border-radius: 4px; background: rgba(0,0,0,.3); flex-shrink: 0; }
.fsc-q-ttfb { font-size: .58rem; color: var(--fsc-muted); flex-shrink: 0; min-width: 55px; text-align: right; }

/* ── M3U EDITOR ── */
.fsc-editor-item { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.035); }
.fsc-editor-item:last-child { border-bottom: none; }
.fsc-ei-num  { font-size: .57rem; color: var(--fsc-muted); width: 20px; flex-shrink: 0; text-align: right; }
.fsc-ei-name { flex: 1; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.09); border-radius: 7px; padding: 5px 9px; font-size: .67rem; color: #fff; outline: none; font-family: 'Space Grotesk', sans-serif; transition: border-color .2s; }
.fsc-ei-name:focus { border-color: rgba(0,212,255,.3); }
.fsc-ei-url  { font-family: 'JetBrains Mono', monospace; font-size: .55rem; color: rgba(0,212,255,.5); flex: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fsc-ei-del  { padding: 4px 8px; border-radius: 5px; font-size: .59rem; font-weight: 700; background: rgba(248,113,113,.08); border: 1px solid rgba(248,113,113,.18); color: var(--fsc-red); cursor: pointer; font-family: 'Space Grotesk', sans-serif; flex-shrink: 0; }
.fsc-ei-del:hover { background: rgba(248,113,113,.18); }

/* ── LOG ── */
.fsc-log-box { background: rgba(0,0,0,.62); border: 1px solid rgba(0,212,255,.06); border-radius: 10px; padding: 10px; max-height: 300px; overflow-y: auto; font-family: 'JetBrains Mono', monospace; }
.fsc-ll { font-size: .61rem; line-height: 1.8; display: flex; gap: 7px; border-bottom: 1px solid rgba(255,255,255,.02); padding: 1px 0; }
.fsc-ll:last-child { border-bottom: none; }
.fsc-lt { color: rgba(0,212,255,.28); flex-shrink: 0; font-size: .55rem; }
.fsc-lc-ok    { color: #4ade80; } .fsc-lc-err  { color: #f87171; } .fsc-lc-warn { color: #fbbf24; }
.fsc-lc-info  { color: #a78bfa; } .fsc-lc-blue { color: #00d4ff; } .fsc-lc-dim  { color: rgba(255,255,255,.18); }
.fsc-lc-white { color: rgba(255,255,255,.62); } .fsc-lc-teal { color: #2dd4bf; }

/* ── PLAYER ── */
.fsc-player-card { background: var(--fsc-card); border: 1px solid var(--fsc-border); border-radius: 18px; padding: 16px; position: sticky; top: 18px; }
.fsc-mini-player  { background: #000; border-radius: 10px; overflow: hidden; border: 1px solid rgba(0,212,255,.12); aspect-ratio: 16/9; position: relative; }
.fsc-mini-player video { width: 100%; height: 100%; display: block; }
.fsc-mini-ov { position: absolute; inset: 0; background: rgba(0,0,0,.88); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; }
.fsc-mini-ov.fsc-hidden { display: none; }
.fsc-spinner { width: 26px; height: 26px; border-radius: 50%; border: 2px solid rgba(0,212,255,.12); border-top-color: #00d4ff; animation: fsc-spin .8s linear infinite; }
@keyframes fsc-spin { to { transform: rotate(360deg); } }
.fsc-p-ctrl { display: flex; gap: 5px; margin-top: 9px; flex-wrap: wrap; }
.fsc-pcbtn { padding: 5px 11px; border-radius: 7px; font-size: .57rem; font-weight: 700; border: 1px solid rgba(0,212,255,.18); background: rgba(0,212,255,.05); color: var(--fsc-blue); cursor: pointer; font-family: 'Space Grotesk', sans-serif; transition: all .15s; }
.fsc-pcbtn:hover { background: rgba(0,212,255,.13); }
.fsc-pcbtn-r { border-color: rgba(248,113,113,.2); background: rgba(248,113,113,.05); color: var(--fsc-red); }
.fsc-pcbtn-r:hover { background: rgba(248,113,113,.13); }
.fsc-np { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.05); }
.fsc-np-l { font-size: .51rem; color: var(--fsc-green); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; }
.fsc-np-u { font-size: .57rem; color: rgba(0,212,255,.6); font-family: 'JetBrains Mono', monospace; word-break: break-all; line-height: 1.5; }

/* ── SETTINGS ── */
.fsc-settings-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.fsc-sg-card { background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: 15px; }
.fsc-sg-title { font-size: .57rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--fsc-muted); margin-bottom: 10px; display: flex; align-items: center; gap: 7px; }
.fsc-sg-title::before { content: ''; width: 2px; height: 12px; background: currentColor; border-radius: 1px; }
.fsc-ua-opts { display: flex; flex-direction: column; gap: 5px; }
.fsc-ua-opt { display: flex; align-items: center; gap: 8px; padding: 5px 9px; border-radius: 7px; cursor: pointer; transition: background .15s; border: 1px solid transparent; }
.fsc-ua-opt:hover { background: rgba(255,255,255,.04); }
.fsc-ua-opt input { margin: 0; accent-color: var(--fsc-blue); }
.fsc-ua-lbl  { font-size: .64rem; color: rgba(255,255,255,.6); }
.fsc-ua-desc { font-size: .55rem; color: var(--fsc-muted); margin-left: auto; font-family: 'JetBrains Mono', monospace; }

/* ── QUICK URLS ── */
.fsc-quick-urls { margin-top: 11px; display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.fsc-ql { font-size: .55rem; color: var(--fsc-muted); font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; }
.fsc-qu { padding: 3px 9px; border-radius: 5px; font-size: .57rem; font-weight: 600; border: 1px solid rgba(0,212,255,.1); background: rgba(0,212,255,.04); color: rgba(0,212,255,.5); cursor: pointer; transition: all .15s; }
.fsc-qu:hover { background: rgba(0,212,255,.12); border-color: rgba(0,212,255,.28); color: var(--fsc-blue); }

/* ── RESPONSIVE ── */
@media (max-width:1100px) { .fsc-two-col { grid-template-columns: 1fr; } .fsc-stat-row { grid-template-columns: repeat(4,1fr); } }
@media (max-width:800px)  { .fsc-stat-row { grid-template-columns: repeat(3,1fr); } .fsc-settings-grid { grid-template-columns: 1fr; } .fsc-fr-grid { grid-template-columns: repeat(2,1fr); } .fsc-grid2 { grid-template-columns: 1fr; } }
@media (max-width:520px)  { .fsc-stat-row { grid-template-columns: repeat(2,1fr); } .fsc-tabs { gap: 3px; } .fsc-tab { font-size: .6rem; padding: 6px 10px; } }