@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap');
html.tm-mono { --bg:#000; --bg-card:#000; --bg-elev:#111; --border:#fff; --text:#fff; --text-dim:#cfcfcf; --text-muted:#8f8f8f; --accent:#ffffff; --accent-hover:#e5e5e5; --radius:0; --tm-on-accent:#000; --tm-font:'IBM Plex Mono',monospace; --tm-font-head:'Archivo Black',sans-serif; --tm-hdr-bg:#000; --tm-nav-bg:#000; --tm-logo-size:24px; --tm-logo-case:uppercase; --tm-logo-weight:400; --tm-logo-ls:0; --tm-pill:0; --tm-pill-sm:0; --tm-h2-size:22px; --tm-h2-case:uppercase; --tm-h1-case:uppercase; --tm-hdr-border:2px solid #fff; --tm-nav-border:2px solid #fff; --tm-card-border:2px solid #fff; --tm-thumb-radius:0; --tm-card-pad:10px 10px 12px; --tm-h-transform:translate(-3px,-3px); --tm-shadow-hover:6px 6px 0 #fff; --tm-badge-bg:#fff; --tm-badge-text:#000; --tm-badge-radius:0; --tm-play-radius:0; --tm-nav-hover-bg:#fff; --tm-nav-hover-text:#000; --tm-title-hover:#fff; }
html.tm-mono .logo span { background: #fff; color: #000; padding: 0 6px; }
html.tm-mono .video-card .thumb-wrap { border-bottom: 2px solid #fff; }
html.tm-mono .video-card .thumb-wrap img { filter: grayscale(1) contrast(1.1); }
html.tm-mono .video-card:hover .thumb-wrap img { filter: none; }
html.tm-mono .section-title h2 { background: #fff; color: #000; padding: 2px 10px; font-weight: 400; }