@media screen and (prefers-color-scheme: dark) {.darkmode {  --white-50:#2c2c2c; --white-60:#1c1c1c;   --black-50:#f9f9f9; --black-60:#fcfcfc; --black-70:#e1e1e1; --color:#e2e2e2; --gray-10:#323232; --gray-20:#363636; --gray-30:#404040; --gray-40:#444444; --gray-50:#484848; --gray-60:#525252; --gray-70:#565656; --gray-80:#606060; --gray-90:#646464; --gray-100:#686868;   --prototype-bg:#2d2d2d; --prototype-border:1px solid rgba(0,0,0,.15); --prototype-nav-bg:#393939; --prototype-interface-bg:#393939; --prototype-btn-bg:#d7e4f7; --prototype-btn-color:#3984ef; --prototype-side:rgba(255,255,255,0.02); --prototype-icon:var(--black-60); --prototype-a:var(--black-60); --prototype-a-hover:var(--black-50); --prototype-popup-a:rgba(255,255,255,0.1);}.darkmode img {  opacity:.75; transition:opacity .5s ease-in-out;}.darkmode img:hover {  opacity:1;}.darkmode button,.darkmode .button {  background-color:var(--gray-40); color:var(--black-60);}.darkmode button:hover,.darkmode .button:hover {  background-color:#202020 !important;}.darkmode select,.darkmode .input,.darkmode input {  border-color:var(--gray-60); background-color:var(--gray-40); color:var(--black-60);}.darkmode.backend table tr { border-color:var(--gray-60);}.darkmode .button .icon, .darkmode button .icon { background-color:var(--black-60);}.darkmode .button:hover .icon, .darkmode button:hover .icon { background-color:var(--black-60);}.darkmode.backend > section > section.side li a {  color:var(--black-60);}.darkmode.backend aside section.holder { background-color:var(--gray-20);}.darkmode form .switch label, .darkmode form .checkbox label, .darkmode form .radio label { color:var(--gray-100);}.darkmode .tag { background-color:var(--gray-60);color:var(--black-50);}[class^="hash-"] { color:var(--black-50);}[class^="hover-hash-"]:hover { color:var(--black-50);}}