/* Tsukikage accent (violet from the design prototype). The shared Horizon
   token file defines no primary scale, so components that use
   --now-color--primary-* rendered with no colour at all. */
:root{
  --now-color--primary-0:237,232,254;
  --now-color--primary-1:139,108,246;
  --now-color--primary-2:109,79,216;
  --now-color--primary-3:60,45,122;
  --now-color--primary-4:230,225,250;
  /* Light values for tokens Horizon does not define (card 3746). Dark
     overrides below stay as they are. */
  --now-color--background-tertiary:237,239,241;
  --now-color--text-tertiary:90,102,108;
  --now-color--alert-positive-2:30,125,55;
  --now-color--alert-positive-3:22,101,43;
  --now-color--alert-critical-1:200,40,60;
  --now-color--alert-critical-2:182,28,45;
  --now-color--alert-critical-4:253,236,239;
  --now-color--focus-ring:109,79,216;
  --now-color--action-primary:109,79,216;
  --now-color--link-primary:109,79,216;
  --now-color--linked-1:139,108,246;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--now-font-family,'Lato',Arial,sans-serif);background:rgb(var(--now-color--background-secondary));color:rgb(var(--now-color--text-primary));min-height:100vh}
.content{padding:2rem;max-width:900px;margin:0 auto}

/* Dark theme (card 3743): the prototype's dark violet palette. Follows the
   device unless the signed-in user chose Light or Dark on their Profile, in
   which case the server sets data-theme on <html>. Custom properties inherit
   into every shadow root, so the components pick this up with no changes. */
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{
  --now-Primary:139,108,246;
  --now-Positive:111,220,174;
  --now-Destructive:244,112,138;
  --now-color--text-primary:236,234,250;
  --now-color--text-secondary:190,188,214;
  --now-color--text-tertiary:141,139,166;
  --now-color--background-primary:16,16,24;
  --now-color--background-secondary:8,8,12;
  --now-color--background-tertiary:23,23,36;
  --now-color--border-primary:74,74,108;
  --now-color--border-secondary:38,38,58;
  --now-color--divider-primary:38,38,58;
  --now-color--divider-secondary:38,38,58;
  --now-color--interactive-1:38,30,74;
  --now-color--interactive-2:139,108,246;
  --now-color--interactive-3:109,79,216;
  --now-color--status-critical:244,112,138;
  --now-color--status-warning:240,190,90;
  --now-color--status-positive:111,220,174;
  --now-color--status-info:139,108,246;
  --now-color--neutral-0:8,8,12;
  --now-color--primary-0:30,24,56;
  --now-color--primary-1:139,108,246;
  --now-color--primary-2:179,155,255;
  --now-color--primary-3:179,155,255;
  --now-color--primary-4:38,30,74;
  --now-color--alert-critical-1:244,112,138;
  --now-color--alert-critical-2:244,112,138;
  --now-color--alert-critical-4:58,22,34;
  --now-color--alert-positive-2:111,220,174;
  --now-color--alert-positive-3:111,220,174;
  --now-color--focus-ring:179,155,255;
  --now-color--action-primary:139,108,246;
  --now-color--link-primary:179,155,255;
  --now-color--linked-1:139,108,246;
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
  --now-Primary:139,108,246;
  --now-Positive:111,220,174;
  --now-Destructive:244,112,138;
  --now-color--text-primary:236,234,250;
  --now-color--text-secondary:190,188,214;
  --now-color--text-tertiary:141,139,166;
  --now-color--background-primary:16,16,24;
  --now-color--background-secondary:8,8,12;
  --now-color--background-tertiary:23,23,36;
  --now-color--border-primary:74,74,108;
  --now-color--border-secondary:38,38,58;
  --now-color--divider-primary:38,38,58;
  --now-color--divider-secondary:38,38,58;
  --now-color--interactive-1:38,30,74;
  --now-color--interactive-2:139,108,246;
  --now-color--interactive-3:109,79,216;
  --now-color--status-critical:244,112,138;
  --now-color--status-warning:240,190,90;
  --now-color--status-positive:111,220,174;
  --now-color--status-info:139,108,246;
  --now-color--neutral-0:8,8,12;
  --now-color--primary-0:30,24,56;
  --now-color--primary-1:139,108,246;
  --now-color--primary-2:179,155,255;
  --now-color--primary-3:179,155,255;
  --now-color--primary-4:38,30,74;
  --now-color--alert-critical-1:244,112,138;
  --now-color--alert-critical-2:244,112,138;
  --now-color--alert-critical-4:58,22,34;
  --now-color--alert-positive-2:111,220,174;
  --now-color--alert-positive-3:111,220,174;
  --now-color--focus-ring:179,155,255;
  --now-color--action-primary:139,108,246;
  --now-color--link-primary:179,155,255;
  --now-color--linked-1:139,108,246;
  color-scheme:dark;
}
}

/* Card 3770. Home-screen (standalone) mode has no browser bars; keep the page
   clear of the notch and home indicator. Env values are 0 in a normal tab. */
@media (display-mode: standalone){
  body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}