/* Device appearance only; permissions, sessions and read states are unaffected. */
:root { color-scheme:light dark; }
.hk-notice[id] { scroll-margin-top:24px; }
.hk-notice:target { outline:3px solid #b28b28; outline-offset:4px; }
@media screen and (prefers-color-scheme:dark) {
  body.login { background:linear-gradient(150deg,#141918,#202c26); color:#eff5f2; }
  body.login #login h1 a { filter:brightness(0) invert(1); }
  body.login #login>form,body.login #login_error,body.login .message,body.login .success { background:#222f29; color:#eff5f2; border-color:#4d5f56; box-shadow:0 12px 30px #0003; }
  body.login label { color:#eff5f2; }
  body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email],body.login select { background:#151e19; color:#eff5f2; border-color:#71897b; }
  body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-link,body.login .wp-hide-pw { color:#a0e3c4; }
  body.svh-registration-page {
    --portal-ink:#eff5f2; --ink:#eff5f2; --muted:#b9c7c0;
    --portal-silver:#4d5f56; --portal-glass:rgba(34,47,41,.96);
    --mint:#293e34; --border:#4d5f56;
    background:linear-gradient(150deg,#141918,#202c26); color:#eff5f2;
  }
  .svh-registration-page :is(.registration-card,.portal-faq,.portal-faq-group,.hk-profile>div,
    .hk-notice,.hk-push-settings,.hk-notice-empty,.slot-card,.slot-names,.consent) {
    background:#222f29; color:#eff5f2; border-color:#4d5f56; box-shadow:0 12px 30px #0003;
  }
  .svh-registration-page :is(.registration-card>p,.registration-card label,.hk-welcome p,.hk-welcome .hk-recovery,
    .hk-notice-meta,.slot-card small,.slot-names em,.slot-names .helper-team,.portal-faq-intro,
    .portal-faq-count,.portal-faq-question p,.portal-faq-contact,footer,.privacy-footer strong) { color:#bfcec6; }
  .svh-registration-page :is(.portal-faq a,.privacy-footer a,.hk-tabs a,.hk-subnav a,.hk-stats a,
    .hk-toolbar a,.svh-personal-content a:not(.portal-button),.hk-welcome-main>.eyebrow) { color:#a0e3c4; }
  .svh-registration-page .registration-card :is(input[type=text],input[type=email],input[type=password],input:not([type]),select,textarea),
  .svh-registration-page .svh-personal-content input#verification {
    background:#151e19; color:#eff5f2; border-color:#71897b; box-shadow:none;
  }
  .svh-registration-page input::placeholder { color:#a9bbb1; }
  .svh-registration-page :is(.hk-subnav a[aria-current=page],.hk-attention,.hk-notice.is-unread,
    .slot-card:has(input:checked),.portal-faq details[open]>summary,.hk-profile a:hover) { background:#294537; color:#eff5f2; border-color:#8bccad; }
  .svh-registration-page :is(.hk-notice-boxes a,.hk-notice-meta span:last-child,.slot-heading b,.registration-mail-hint,
    .svh-personal-content .hk-button-secondary) { background:#304c3e; color:#a0e3c4; border-color:#71897b; box-shadow:none; }
  .svh-registration-page .hk-notice-boxes a[aria-current=page],.svh-registration-page .hk-tabs a[aria-current=page] { background:#a0e3c4; color:#112a1d; }
  .svh-registration-page .slot-availability { color:#a0e3c4!important; }
  .svh-registration-page :is(.slot-card-full,.registration-waitlist,.slot-card small.slot-planned) { background:#40351d; color:#ffdf94; }
  .svh-registration-page .slot-card-full .slot-availability { color:#ffdf94!important; }
  .svh-registration-page .registration-error { background:#482b2e; color:#ffced0; border-color:#c17c84; }
  .svh-registration-page .registration-success { background:#294537; color:#c8f2dc; }
  .svh-registration-page .portal-website-logo { background:transparent; padding:0; filter:brightness(0) invert(1); }
  .svh-registration-page :focus-visible { outline-color:#a0e3c4; }
}
