/* The site's look (the "Futuristic" design, chosen by the user on 2026-11-08): neon cyan on deep space, a faint grid,
   glass panels with corner brackets, Orbitron headings, Exo 2 text, glowing numbers. Always dark.
   Every page sets <html data-design="future">; the rules sit on top of style.css (colours, fonts, panels). */
:root[data-design="future"]{--bg:#04060c;--side:rgba(7,11,22,.86);--side-tx:#9db3ca;--side-mu:#4c627c;--side-on:rgba(34,211,238,.08);--side-h:#e8fbff;--card:rgba(12,19,35,.72);--tx:#d6e5f4;--mu:#6f88a3;--bd:rgba(56,189,248,.18);--ac:#22d3ee;--ac-tx:#00141a;--zebra:rgba(34,211,238,.025);--hl:rgba(34,211,238,.08);--chip:rgba(148,163,184,.09);--neon2:#e879f9;--solid:#09101e;color-scheme:dark}
:root[data-design="future"]{scrollbar-color:#1d3b52 #04060c}
:root[data-design="future"]{--page-bg:radial-gradient(circle at 12% -5%,rgba(34,211,238,.14),transparent 40%),radial-gradient(circle at 95% 105%,rgba(232,121,249,.11),transparent 45%),linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px) 0 0/34px 34px,#04060c}
:root[data-design="future"] body{font-family:"Exo 2",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13.5px;background:var(--page-bg);background-attachment:fixed}
:root[data-design="future"] aside{backdrop-filter:blur(14px);border-right:1px solid var(--bd);box-shadow:8px 0 32px rgba(0,0,0,.55)}
:root[data-design="future"] .logo{border-radius:0;background:rgba(34,211,238,.08);color:var(--ac);border:1px solid var(--ac);box-shadow:inset 0 0 10px rgba(34,211,238,.35),0 0 14px rgba(34,211,238,.35);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
:root[data-design="future"] .logo svg{filter:drop-shadow(0 0 4px var(--ac))}
:root[data-design="future"] .brand .site{font-family:Orbitron,"Exo 2",sans-serif;letter-spacing:.22em;font-size:9px;color:var(--ac);opacity:.75}
:root[data-design="future"] h1{font-family:Orbitron,"Exo 2",sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 12px rgba(34,211,238,.45)}
:root[data-design="future"] .tabs .lbl{font-family:Orbitron,"Exo 2",sans-serif;font-size:9px;letter-spacing:.26em}
:root[data-design="future"] .tabs .lbl::before{content:'// ';color:var(--ac)}
:root[data-design="future"] .tab,:root[data-design="future"] .tool{border-radius:0;letter-spacing:.02em}
:root[data-design="future"] .tab.on,:root[data-design="future"] .tool.on{background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(34,211,238,.02) 85%);box-shadow:inset 2px 0 0 var(--ac),inset 0 0 0 1px rgba(34,211,238,.14);color:var(--side-h)}
:root[data-design="future"] .tab.on svg,:root[data-design="future"] .tool.on svg{filter:drop-shadow(0 0 4px var(--ac))}
:root[data-design="future"] kbd{border-color:var(--ac);color:var(--ac)}
:root[data-design="future"] .howto b{color:var(--ac)}
:root[data-design="future"] h2{font-family:Orbitron,"Exo 2",sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;color:#effcff;text-shadow:0 0 16px rgba(34,211,238,.35)}
:root[data-design="future"] .card,:root[data-design="future"] .bar.me{background-color:var(--card);background-image:linear-gradient(var(--ac),var(--ac)),linear-gradient(var(--ac),var(--ac)),linear-gradient(var(--ac),var(--ac)),linear-gradient(var(--ac),var(--ac));background-size:14px 1px,1px 14px,14px 1px,1px 14px;background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;border:1px solid var(--bd);border-radius:0;backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(0,0,0,.45),inset 0 0 30px rgba(34,211,238,.03)}
:root[data-design="future"] .bar.me b,:root[data-design="future"] .combo>.bar b{font-family:Orbitron,"Exo 2",sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
:root[data-design="future"] th{font-family:Orbitron,"Exo 2",sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--ac);background:var(--solid);border-bottom:1px solid rgba(34,211,238,.35)}
:root[data-design="future"] tbody tr:hover{background:rgba(34,211,238,.07);box-shadow:inset 2px 0 0 var(--ac)}
:root[data-design="future"] td.n b{color:var(--ac);text-shadow:0 0 8px rgba(34,211,238,.55)}
:root[data-design="future"] td.n b.r4{background:rgba(34,211,238,.12);box-shadow:inset 0 0 0 1px rgba(34,211,238,.4);border-radius:0}
:root[data-design="future"] .tiles b,:root[data-design="future"] .mid b,:root[data-design="future"] .sum b,:root[data-design="future"] .loop-h b{text-shadow:0 0 10px rgba(34,211,238,.5)}
:root[data-design="future"] a.ml{color:var(--ac)}
:root[data-design="future"] input[type=text],:root[data-design="future"] input[type=number],:root[data-design="future"] select{background-color:rgba(3,8,18,.82);border:1px solid var(--bd);border-radius:0;color:var(--tx)}
:root[data-design="future"] input:focus,:root[data-design="future"] select:focus{outline:1px solid var(--ac);box-shadow:0 0 0 3px rgba(34,211,238,.14),0 0 16px rgba(34,211,238,.25)}
:root[data-design="future"] option{background:var(--solid)}
:root[data-design="future"] .tag{background:rgba(34,211,238,.05);border:1px solid var(--bd);border-radius:0;color:#8fb6cf}
:root[data-design="future"] .sug{background:var(--solid);border-color:rgba(34,211,238,.3);border-radius:0;box-shadow:0 0 24px rgba(34,211,238,.12),0 12px 30px rgba(0,0,0,.6)}
:root[data-design="future"] .stick{background:var(--page-bg);background-attachment:fixed}
:root[data-design="future"] .rl{background:rgba(4,6,12,.6)!important}
:root[data-design="future"] .rl table{background:var(--solid)}
:root[data-design="future"] .more,:root[data-design="future"] .small{background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.4);border-radius:0;color:var(--ac);font-family:Orbitron,"Exo 2",sans-serif;font-size:11px;letter-spacing:.08em}
:root[data-design="future"] .more:hover,:root[data-design="future"] .small:hover{background:rgba(34,211,238,.14);color:#fff;box-shadow:0 0 14px rgba(34,211,238,.35)}
:root[data-design="future"] .boss{background:rgba(232,121,249,.15);color:var(--neon2);border:1px solid var(--neon2);border-radius:0;text-shadow:0 0 6px rgba(232,121,249,.6)}
:root[data-design="future"] .recent .rc{background:rgba(34,211,238,.04);border-color:var(--bd);border-radius:0}
:root[data-design="future"] .site-foot{border-top-color:var(--bd);font-family:Orbitron,"Exo 2",sans-serif;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}
:root[data-design="future"] .site-foot b{color:var(--ac)}