/* Dark is the default. Add .light only when the visitor chooses it. */
body:not(.light){background:#101526;color:#e8edf9}body:not(.light) aside,body:not(.light) .metrics article,body:not(.light) .panel{background:#171d31;border-color:#2a3450}body:not(.light) aside{border-color:#2a3450}body:not(.light) nav a{color:#aeb9d2}body:not(.light) nav a:hover,body:not(.light) nav a.active{background:#26335b;color:#e6ebff}body:not(.light) aside footer{background:#202942;color:#aeb9d2}body:not(.light) header p,body:not(.light) .head p,body:not(.light) .metrics span,body:not(.light) .metrics small,body:not(.light) .hint,body:not(.light) .row small{color:#9aa8c5}body:not(.light) .table,body:not(.light) .row,body:not(.light) .log{border-color:#2a3450}body:not(.light) .meter{background:#2a3450}body:not(.light) .plain{color:#aeb9ff}body:not(.light) .ops button{background:#26335b;color:#c5cdff}body:not(.light) dialog{background:#171d31;color:#e8edf9}body:not(.light) dialog input,body:not(.light) dialog select{background:#11182a;border-color:#384563;color:#e8edf9}body:not(.light).login-page{background:radial-gradient(circle at 15% 10%,#273566 0,transparent 27%),radial-gradient(circle at 86% 88%,#19483f 0,transparent 26%),#101526}body:not(.light) .login-card{background:#171d31eb;border-color:#2a3450;box-shadow:0 24px 70px #0008}body:not(.light) .login-card>p:not(.eyebrow),body:not(.light) label{color:#aeb9d2}body:not(.light) .eyebrow{color:#9aa8c5}body:not(.light) .login-card input{background:#11182a;border-color:#384563;color:#e8edf9}#theme-toggle{border:1px solid #384563;border-radius:8px;background:#202942;color:#dce4ff;padding:8px 10px;font:600 12px Inter,'Noto Sans KR',sans-serif;cursor:pointer}body.light #theme-toggle{background:#fff;color:#4c5c7d;border-color:#dce2ed}body.light{background:#f6f8fc;color:#17213d}body.light .login-card{background:#ffffffed}body.light .login-card input{background:#fff;color:#17213d}
.login-card #theme-toggle{position:absolute;top:20px;right:20px}