:root{color-scheme:dark;--ssp-bg:#0b111b;--ssp-panel:#131d2b;--ssp-panel-2:#182436;--ssp-border:rgba(180,200,225,.15);--ssp-muted:#b8c5d5;--ssp-white:#f5f7fb;--ssp-red:#d51e3c;--ssp-red-light:#ed3551;--ssp-dark:#080d15}
body{background:var(--ssp-bg);color:var(--ssp-white)}
header{background:var(--ssp-dark);border-bottom:3px solid var(--ssp-red)}
strong{color:var(--ssp-white)}
aside{background:var(--ssp-panel);border-right:1px solid var(--ssp-border)}
.notice{background:var(--ssp-panel-2);color:var(--ssp-muted);border-bottom:1px solid var(--ssp-border);border-left:4px solid var(--ssp-red)}
button,select{background:var(--ssp-panel-2);color:var(--ssp-white);border-color:var(--ssp-border)}
button:hover:not(:disabled){border-color:var(--ssp-red-light);background:var(--ssp-panel)}
#rotate{background:var(--ssp-red);border-color:var(--ssp-red);color:var(--ssp-white)}
#rotate:hover:not(:disabled),#rotate[aria-pressed=true]{background:var(--ssp-red-light);border-color:var(--ssp-red-light)}
button:focus-visible,select:focus-visible{outline:3px solid var(--ssp-red-light);outline-offset:3px}
aside p,footer,#status{color:var(--ssp-muted)}
#viewport,footer{background:var(--ssp-bg)}
footer{border-top:1px solid var(--ssp-border)}