@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Rajdhani:wght@500;600;700&display=swap');
html.tm-vapor { --bg:#180a2c; --bg-card:#24104a; --bg-elev:#30175e; --border:#432177; --text:#fbe8ff; --text-dim:#c3a3e6; --text-muted:#8a6aad; --accent:#ff71ce; --accent-hover:#ff9adb; --radius:6px; --tm-on-accent:#180a2c; --tm-font:'Rajdhani',sans-serif; --tm-font-head:'Rajdhani',sans-serif; --tm-hdr-bg:rgba(24,10,44,.9); --tm-nav-bg:rgba(24,10,44,.9); --tm-logo-size:24px; --tm-logo-weight:400; --tm-logo-ls:.04em; --tm-h2-size:18px; --tm-h2-case:uppercase; --tm-h2-ls:.25em; --tm-heading:#01cdfe; --tm-card-border:1px solid #432177; --tm-card-bg:#24104a; --tm-card-pad:10px 12px 12px; --tm-shadow-hover:0 0 0 2px #01cdfe, 0 14px 40px rgba(255,113,206,.35); --tm-badge-bg:#01cdfe; --tm-badge-text:#180a2c; }
html.tm-vapor, html.tm-vapor body { background: linear-gradient(rgba(255,113,206,.1) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, rgba(1,205,254,.1) 1px, transparent 1px) 0 0 / 40px 40px, #180a2c; }
html.tm-vapor .logo { font-family: 'Monoton',cursive; background: linear-gradient(90deg,#ff71ce,#01cdfe,#b967ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
html.tm-vapor .logo span { color: transparent; }
html.tm-vapor .video-card .info .title { font-size: 15px; font-weight: 700; }