:root{color-scheme:dark}
html{min-height:100%;background:#090e20!important}
body{position:relative;isolation:isolate;min-height:100vh;background:transparent!important;color:#e5eaff!important}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("c3c-logo.jpg") center/min(76vw,620px) auto no-repeat;opacity:.12}
h1{color:#75dcff!important;border-bottom:2px solid #8271e8!important;text-shadow:0 0 14px #498bff55}
h2,h3{color:#c4a1ff!important}
.card,section,article{background:rgba(18,24,52,.82)!important;border:1px solid #5966a5!important;border-radius:10px!important;color:#e5eaff!important}
.card:hover{border-color:#75dcff!important;box-shadow:0 0 16px #6596ff35}
p,.card p{color:#c3cee9!important}
.status,a,summary{color:#75dcff!important}
button{background:linear-gradient(135deg,#19334e,#352550)!important;border:1px solid #88baff!important;border-radius:7px!important;color:#e5f6ff!important}
button:hover:not(:disabled){border-color:#c4a1ff!important;box-shadow:0 0 14px #9a7cff45}
button:disabled{cursor:wait}
.card span{color:#75dcff!important;border-color:#6177b0!important;background:#25345a!important}
.card a{background:#25345a!important;border-color:#829cf0!important}
#message,#scanmsg{color:#dccaff!important}
summary{cursor:pointer}
pre{color:#d6dfff}
audio{border-radius:8px}

/* C3C darker background */
html{background:#03050d!important}
.card,section,article{background:rgba(8,12,28,.92)!important}
body::before{opacity:.075}
button.on{background:#30234f!important;border-color:#c4a1ff!important;color:#eee3ff!important}
#msg{color:#dccaff!important}