/* Site chrome themes. Deliberately leaves .center, .head, .bottom, canvases,
   chart overlays, indicators and oscillators exactly as the chart defines them. */
html:where([data-att-theme]){
  --att-ink:#f7efe3;--att-muted:#c5b8a6;--att-metal:#d7a562;
  --att-rim:#9a693b;--att-glint:#ffe7aa;--att-shadow:#030407;
  --att-surface:#1a1515;--att-deep:#080c10;--att-accent:#e9b05e;
  --att-accent2:#63ccc7;--att-good:#66f4a2;--att-bad:#ff7f86;
  --att-radius:12px;--att-font:"Segoe UI",Arial,sans-serif;
  color-scheme:dark;
}
/* Native select menus do not inherit the decorated control background. Give
   their browser-drawn option list the current theme's solid colors. */
html[data-att-theme]:not([data-att-theme="platinum"]) select{color-scheme:dark}
html[data-att-theme]:not([data-att-theme="platinum"]) select option{
  background-color:var(--att-surface,#102017)!important;
  color:var(--att-ink,#eaffef)!important;
}
html[data-att-theme]:not([data-att-theme="platinum"]) select optgroup{
  background-color:var(--att-deep,#07120a)!important;
  color:var(--att-glint,#9effb8)!important;
}
html[data-att-theme]:not([data-att-theme="platinum"]) select option:checked{
  background-color:color-mix(in srgb,var(--att-accent,#62ff8c) 36%,var(--att-surface,#102017))!important;
  color:#fff!important;
}
html[data-att-theme]:not([data-att-theme="platinum"]) select option:disabled{color:var(--att-muted,#809c88)!important}

/* The theme's visual material lives on the shell around the chart. */
html[data-att-theme]:not([data-att-theme="platinum"]) body{background:var(--att-art);background-attachment:fixed}
html[data-att-theme]:not([data-att-theme="platinum"]) .top{
  color:var(--att-ink);font-family:var(--att-font);border-bottom:2px solid var(--att-rim);
  background:linear-gradient(180deg,#ffffff19,transparent 16%,#00000048 100%),var(--att-panel-art);
  box-shadow:inset 0 2px 0 #ffffff22,inset 0 -4px 0 #0008,0 8px 24px #0009;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .topDeco{opacity:.8;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--att-rim) 10px 11px,transparent 12px 20px)}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .name{
  background:linear-gradient(#fff9e8,var(--att-glint) 47%,var(--att-metal) 52%,#8c6651);background-clip:text;-webkit-background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 9px var(--att-rim));
}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .logo{border:2px solid var(--att-metal);background:radial-gradient(circle at 33% 25%,#ffffff4d,transparent 36%),var(--att-panel-art);box-shadow:inset 0 0 0 3px #0009,inset 0 0 18px var(--att-metal),0 0 15px var(--att-rim)}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .logo:before,html[data-att-theme]:not([data-att-theme="platinum"]) .top .logo:after{border-color:var(--att-glint)}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .logo i{background:var(--att-glint);box-shadow:0 0 11px var(--att-glint)}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .pill,
html[data-att-theme]:not([data-att-theme="platinum"]) .top .btn,
html[data-att-theme]:not([data-att-theme="platinum"]) .top .mobileNavBtn,
html[data-att-theme]:not([data-att-theme="platinum"]) .top input,
html[data-att-theme]:not([data-att-theme="platinum"]) .top select{
  border:1px solid var(--att-rim);border-radius:var(--att-radius);color:var(--att-ink);
  background:linear-gradient(180deg,#ffffff23,transparent 28%,#0005 100%),var(--att-panel-art);
  box-shadow:inset 0 1px 0 #ffffff37,inset 0 -2px 0 #0009,0 4px 10px #0007;
  font-family:var(--att-font);text-shadow:0 1px 2px #000;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .top .btn.active,
html[data-att-theme]:not([data-att-theme="platinum"]) .top .btn:hover{
  border-color:var(--att-glint);box-shadow:inset 0 1px 0 #fff7,0 0 13px var(--att-rim),0 5px 12px #0009;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .topMedia,
html[data-att-theme]:not([data-att-theme="platinum"]) .userGuideBtn,
html[data-att-theme]:not([data-att-theme="platinum"]) .marketTape{
  border:1px solid var(--att-rim);border-radius:var(--att-radius);color:var(--att-ink);
  background:linear-gradient(180deg,#ffffff20,transparent 20%,#0005),var(--att-panel-art);
  box-shadow:inset 0 1px 0 #ffffff35,inset 0 -2px 0 #0009,0 7px 18px #0008;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .topMediaNow .compactMusicTitle,
html[data-att-theme]:not([data-att-theme="platinum"]) .topMediaLabel,
html[data-att-theme]:not([data-att-theme="platinum"]) .userGuideTopLabel,
html[data-att-theme]:not([data-att-theme="platinum"]) .userGuideTopSub{color:var(--att-ink);text-shadow:0 1px 2px #000,0 0 8px var(--att-rim)}
html[data-att-theme]:not([data-att-theme="platinum"]) .topMediaPopover,
html[data-att-theme]:not([data-att-theme="platinum"]) .userGuidePopover,
html[data-att-theme]:not([data-att-theme="platinum"]) .clockMenu,
html[data-att-theme]:not([data-att-theme="platinum"]) .customTfPopover{
  border:1px solid var(--att-rim);border-radius:var(--att-radius);background:var(--att-panel-art);
  color:var(--att-ink);box-shadow:inset 0 1px 0 #fff4,inset 0 0 0 3px #0008,0 25px 50px #000c;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .clockChoice{color:var(--att-ink);font-family:var(--att-font)}
html[data-att-theme]:not([data-att-theme="platinum"]) .clockChoice:hover{background:#ffffff27}
html[data-att-theme]:not([data-att-theme="platinum"]) .clockChoice[aria-checked=true]{color:var(--att-glint);border-color:var(--att-metal);background:#ffffff1b}
html[data-att-theme]:not([data-att-theme="platinum"]) .clockMenuTitle{color:var(--att-muted)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left{
  position:relative;border-right:3px double var(--att-rim);color:var(--att-ink);font-family:var(--att-font);
  background:linear-gradient(90deg,#0009,transparent 6%,transparent 94%,#0009),var(--att-art);
  box-shadow:inset -7px 0 17px #0007,10px 0 30px #0008;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .title,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .label,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .field label,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .layerRouterText small{
  color:var(--att-muted);text-shadow:0 1px 2px #000;font-family:var(--att-font);
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .title{letter-spacing:.17em;color:var(--att-glint);border-bottom:1px solid var(--att-rim);padding-bottom:5px}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .card,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .layerRouterPanel,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .executionConnectorPopover{
  color:var(--att-ink);border:1px solid var(--att-rim);border-radius:var(--att-radius);
  background:linear-gradient(160deg,#ffffff1b,transparent 25%,#0006 90%),var(--att-panel-art);
  box-shadow:inset 0 1px 0 #ffffff45,inset 0 0 0 2px #0006,inset 0 -4px 10px #0007,0 8px 18px #0009;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .big,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .row b,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .layerRouterText b,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .layerRouterTitle{
  color:var(--att-ink);font-family:var(--att-font);text-shadow:0 2px 3px #000,0 0 9px var(--att-rim);
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left button:not(.manualLongBtn):not(.manualShortBtn),
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left input,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left select{
  border-color:var(--att-rim);border-radius:var(--att-radius);color:var(--att-ink);
  background:linear-gradient(180deg,#ffffff21,transparent 34%,#0006 100%),var(--att-panel-art);
  box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -2px 0 #0008,0 3px 8px #0008;
  font-family:var(--att-font);text-shadow:0 1px 2px #000;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left button:hover{filter:brightness(1.2)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .layerRouterIcon{color:var(--att-accent2);border-color:var(--att-rim);text-shadow:0 0 8px var(--att-accent2)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .manualLongBtn,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .manualShortBtn{
  position:relative;border-width:2px;border-radius:var(--att-radius);color:#fff;
  text-shadow:0 2px 3px #000,0 0 7px currentColor;
  box-shadow:inset 0 2px 0 #ffffff80,inset 0 -4px 6px #0008,0 6px 10px #0009;
  font-family:var(--att-font);font-size:12px;letter-spacing:.12em;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .manualLongBtn{border-color:var(--att-good);background:linear-gradient(180deg,#ffffff77,transparent 27%,#0009),linear-gradient(135deg,var(--att-good),#07503d)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .manualShortBtn{border-color:var(--att-bad);background:linear-gradient(180deg,#ffffff77,transparent 27%,#0009),linear-gradient(135deg,var(--att-bad),#642438)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .attNavButton{font-family:var(--att-font);font-size:11px;letter-spacing:.08em}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .muted{color:var(--att-muted)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .green{color:var(--att-good)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .red{color:var(--att-bad)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .switch:not(.off){border-color:var(--att-accent);background:linear-gradient(var(--att-accent),var(--att-surface));box-shadow:inset 0 1px 0 #fff7,0 0 10px var(--att-rim)}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left .switch:not(.off):after{background:var(--att-glint);box-shadow:0 0 10px var(--att-glint)}
html[data-att-theme="graffiti"] .side.left :is(.title,.layerRouterText b,.attNavButton){font-family:Impact,"Arial Black",sans-serif;letter-spacing:.08em;text-shadow:2px 2px 0 #d62677,-1px -1px 0 #1ab8d4,0 2px 4px #000}
html[data-att-theme="victorian"] .side.left .card,html[data-att-theme="victorian"] .side.left .layerRouterPanel{border-style:double;border-width:3px}
html[data-att-theme="smoke"] .side.left .card,html[data-att-theme="smoke"] .side.left .layerRouterPanel{backdrop-filter:blur(9px)}

/* Chart Layers: a dark unlit side must never inherit the themed button sheen. */
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #layerRouterPanel .layerRouteRow button:not(.active){
  background:linear-gradient(180deg,#050807,#010302)!important;
  color:#67746d!important;
  border:1px solid #1d2b24!important;
  box-shadow:inset 0 2px 8px #000,inset 0 0 0 1px #000!important;
  text-shadow:none!important;
  opacity:.78;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #layerRouterPanel .layerRouteRow button.active{
  background:linear-gradient(180deg,color-mix(in srgb,var(--att-accent,#62ff8c) 60%,#10261a),color-mix(in srgb,var(--att-accent,#62ff8c) 25%,#05120b))!important;
  color:#fff!important;
  border:1px solid var(--att-glint,#9effb8)!important;
  box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -2px 4px #0008,0 0 13px color-mix(in srgb,var(--att-accent,#62ff8c) 55%,transparent)!important;
  text-shadow:0 1px 2px #000!important;
  opacity:1;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #layerRouterPanel .layerRouteRow button:not(.active):hover{border-color:#526355!important;color:#c1cec4!important;opacity:1}

/* Keep selection obvious in the color router and both ATR multiplier controls. */
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #themeRouterPanel .themeRouteRow button:not(.active),
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left :is(#manualTradePanel,#ghostBoxPanel) .rangeMultiplierButtons button[aria-pressed="false"]{
  background:linear-gradient(180deg,#050807,#010302)!important;
  color:#67746d!important;
  border:1px solid #1d2b24!important;
  box-shadow:inset 0 2px 8px #000,inset 0 0 0 1px #000!important;
  text-shadow:none!important;
  opacity:.78;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #themeRouterPanel .themeRouteRow button.active,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left :is(#manualTradePanel,#ghostBoxPanel) .rangeMultiplierButtons button[aria-pressed="true"]{
  background:linear-gradient(180deg,color-mix(in srgb,var(--att-accent,#62ff8c) 60%,#10261a),color-mix(in srgb,var(--att-accent,#62ff8c) 25%,#05120b))!important;
  color:#fff!important;
  border:1px solid var(--att-glint,#9effb8)!important;
  box-shadow:inset 0 1px 0 #ffffff8c,inset 0 -2px 4px #0008,0 0 13px color-mix(in srgb,var(--att-accent,#62ff8c) 55%,transparent)!important;
  text-shadow:0 1px 2px #000!important;
  opacity:1;
}
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left #themeRouterPanel .themeRouteRow button:not(.active):hover,
html[data-att-theme]:not([data-att-theme="platinum"]) .side.left :is(#manualTradePanel,#ghostBoxPanel) .rangeMultiplierButtons button[aria-pressed="false"]:hover{
  border-color:#526355!important;color:#c1cec4!important;opacity:1;
}

/* Clock faces use the same material as their corresponding chrome. */
.themeClock[data-theme="victorian"] .clockScene:before,.themeClock[data-theme="victorian"] .clockScene:after{font-size:27px;opacity:.78}
.themeClock[data-theme="aztech"] .clock,.themeClock[data-theme="alien"] .clock,.themeClock[data-theme="cosmic"] .clock{text-shadow:0 2px 2px #000,0 0 17px var(--clockInk)}

/* Supporting pages inherit the selected material without changing their content. */
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page],
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page],
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-owner-page]{background:var(--att-art)!important;color:var(--att-ink);font-family:var(--att-font)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] .panel,
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page] .card,
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-owner-page] .card,
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-owner-page] .panel{
  border:1px solid var(--att-rim);border-radius:var(--att-radius);color:var(--att-ink);
  background:linear-gradient(170deg,#ffffff22,transparent 24%,#0006),var(--att-panel-art);
  box-shadow:inset 0 2px 0 #ffffff39,inset 0 0 0 2px #0007,0 18px 40px #0009;
}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] .brand,
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page] .title,
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-owner-page] h1{color:var(--att-glint);text-shadow:0 2px 3px #000,0 0 17px var(--att-rim)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] :is(button,select,input,.back),
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page] :is(button,input,.action),
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-owner-page] :is(button,input,select){
  border-color:var(--att-rim);border-radius:var(--att-radius);color:var(--att-ink);font-family:var(--att-font);
  background:linear-gradient(180deg,#ffffff26,transparent 34%,#0006),var(--att-panel-art);
  box-shadow:inset 0 1px 0 #ffffff3c,inset 0 -2px 0 #0008,0 4px 9px #0007;
}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] :is(.field label,.eyebrow,.muted,.meta,.intro,.result small),
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page] :is(.eyebrow,.dim,.intro,.meta,.footer){color:var(--att-muted)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] :is(.result,.watchOpen,.scanJob,.notice),
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-account-page] :is(.state,.notice){border-color:var(--att-rim);background:var(--att-panel-art);color:var(--att-ink)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] .up{color:var(--att-good)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-scanner-page] .down{color:var(--att-bad)}

/* A saved selection follows the visitor back to the public entry portal. */
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-portal-page] #siteEntry{background:var(--att-art);color:var(--att-ink)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-portal-page] :is(.portalRift,.portalCanvas){filter:hue-rotate(var(--att-portal-hue,0deg)) saturate(var(--att-portal-saturation,1))}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-portal-page] :is(.portalOverline,.accessLabel,.subscriberLink){color:var(--att-glint);text-shadow:0 1px 3px #000,0 0 14px var(--att-rim)}
html[data-att-theme]:not([data-att-theme="platinum"]) body[data-portal-page] :is(#accessCode,.subscriberLink,#enterSiteBtn){border-color:var(--att-rim);background:linear-gradient(180deg,#ffffff27,transparent 35%,#0009),var(--att-panel-art);color:var(--att-ink);box-shadow:inset 0 1px 0 #fff5,0 8px 25px #0009}
html[data-att-theme="aztech"]{--att-portal-hue:65deg}
html[data-att-theme="victorian"]{--att-portal-hue:290deg;--att-portal-saturation:.45}
html[data-att-theme="alien"]{--att-portal-hue:110deg}
html[data-att-theme="graffiti"]{--att-portal-hue:245deg;--att-portal-saturation:1.5}
html[data-att-theme="smoke"]{--att-portal-saturation:0}
html[data-att-theme="cosmic"]{--att-portal-hue:180deg}

@media(prefers-reduced-motion:no-preference){
  html[data-att-theme="alien"] .top .logo,html[data-att-theme="cosmic"] .top .logo{animation:attGlow 4s ease-in-out infinite alternate}
  @keyframes attGlow{from{filter:brightness(.88)}to{filter:brightness(1.18)}}
}

/* Alien Sanctuary: illustrated fantasy materials confined to site chrome. */
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"]{
 --att-ink:#f4f1ff;--att-muted:#c8c0e3;--att-metal:#dfb76a;--att-rim:#a277d2;
 --att-glint:#fff0b3;--att-shadow:#070411;--att-surface:#241d42;--att-deep:#100b20;
 --att-accent:#c6a4ff;--att-accent2:#67f4ee;--att-good:#72f3a9;--att-bad:#ff839e;
 --att-radius:11px;--att-font:"Trebuchet MS","Segoe UI",sans-serif;
 --att-art:linear-gradient(#10081b33,#10081b66),url('/theme-art/alien-sanctuary.png') center/cover;
 --att-panel-art:radial-gradient(ellipse at 40% 0%,#77609855,transparent 70%),linear-gradient(135deg,#35264b,#19152e 60%,#352044);
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top{
 background:linear-gradient(90deg,#10092155,#160e2980 35%,#14092170),url('/theme-art/alien-sanctuary.png') center 27%/cover;
 border-bottom:4px ridge #dab978;box-shadow:inset 0 -2px 0 #62e8ee80,0 5px 22px #04030bd9;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top .name{
 background:linear-gradient(#fff9d6 18%,#eacb85 48%,#be8843 52%,#ffebaa 75%);background-clip:text;-webkit-background-clip:text;
 filter:drop-shadow(0 3px 0 #382142) drop-shadow(0 0 8px #bb8e3c80);letter-spacing:.07em;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top .logo{
 background:url('/theme-art/alien-sanctuary.png') 1% 1%/480px auto;
 border:3px ridge #e6c48b;box-shadow:inset 0 0 9px #030813,0 0 12px #62f4d170;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top .logo :is(i),html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top .logo:before,html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top .logo:after{visibility:hidden}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left{
 background:linear-gradient(#140d2399,#160c22c9),url('/theme-art/alien-sanctuary.png') left top/auto 850px;
 border-right:4px ridge #d1b37a;box-shadow:inset 2px 0 0 #8b60b6,inset -4px 0 15px #060311;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .musicArtDock{
 content:"";display:block;height:108px;margin:0 0 15px;border:3px ridge #c9a56a;border-radius:38px 38px 10px 10px;
 background:linear-gradient(0deg,#180e22b3,transparent 45%),url('/theme-art/alien-sanctuary.png') left top/360px auto;
 box-shadow:inset 0 0 0 3px #24143a,inset 0 -8px 15px #09051a,0 6px 16px #03010b,0 0 14px #59eace33;
 pointer-events:none;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .title{
 color:#ffdf94;text-shadow:0 2px 0 #402443,0 0 8px #dfad6055;border-bottom:2px ridge #a88b5a;letter-spacing:.15em;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left :is(.card,.layerRouterPanel,.executionConnectorPopover),
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] :is(.topMediaPopover,.clockMenu,.customTfPopover){
 border:3px ridge #c9a36a;
 background:radial-gradient(ellipse at 30% 0%,#78578e44,transparent 70%),linear-gradient(135deg,#302442,#141226 65%,#32203d);
 box-shadow:inset 0 0 0 2px #1b1029,inset 0 2px 0 #f2d8ff33,inset 0 -5px 8px #03010b80,0 9px 18px #000a;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left :is(.layerRouterBtn,.attNavButton),
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .top :is(.btn,.mobileNavBtn){
 border:2px ridge #caab72;border-radius:8px 16px 8px 16px;
 background:linear-gradient(180deg,#d8b3fb36,transparent 35%,#09041670),linear-gradient(125deg,#58346a,#27223c 60%,#3d285c);
 box-shadow:inset 0 2px 0 #ffe9ad55,inset 0 -4px 2px #120822,0 4px 0 #10061c,0 6px 9px #0009;
 color:#faf0d5;text-shadow:0 2px 1px #0a0614;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .layerRouterIcon{
 border:2px ridge #bf9b65;background:radial-gradient(circle at 35% 22%,#90ffff88,#2a2860 42%,#111129 85%);
 color:#91fff4;box-shadow:inset 0 0 9px #23d7db66,0 0 8px #35e9cb33;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .manualLongBtn{
 background:linear-gradient(180deg,#dcffb2 0%,#62bd67 25%,#275e3c 52%,#358650 80%,#153e30);border:3px ridge #f0d78b;
 box-shadow:inset 0 2px 0 #eaffc2,inset 0 -4px 2px #123526,0 4px 0 #120b24,0 0 12px #44ef7770;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .manualShortBtn{
 background:linear-gradient(180deg,#ffe1c9 0%,#e17b95 25%,#743047 52%,#ad3d65 80%,#461e3b);border:3px ridge #f0d78b;
 box-shadow:inset 0 2px 0 #ffdbc8,inset 0 -4px 2px #471231,0 4px 0 #120b24,0 0 12px #ec4e9170;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .big{
 color:#bcffed;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #16303c,0 0 14px #42d6e977;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .themeClock .clockScene{
 background:radial-gradient(ellipse at 30% 25%,#46ffee55,transparent 65%),linear-gradient(140deg,#61466f,#151c3b 70%,#352044);
 border:3px ridge #d6b879;box-shadow:inset 0 0 0 2px #1c132e,inset 0 0 18px #4acde144,0 0 15px #62eedf55;
}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .themeClock .clock{color:#bcffed;text-shadow:0 2px 0 #242144,0 0 12px #40ffec77;font-weight:900}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] :is(body[data-scanner-page],body[data-account-page],body[data-owner-page]){background-size:cover!important;background-attachment:fixed!important}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] :is(body[data-scanner-page],body[data-account-page],body[data-owner-page]) :is(.panel,.card){border:3px ridge #c9a36a;background:linear-gradient(135deg,#352644ee,#131426f5);box-shadow:inset 0 0 0 2px #1d102c,0 10px 24px #0009}
@media(prefers-reduced-motion:no-preference){
 html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left .musicArtDock{animation:sanctuaryGlow 6s ease-in-out infinite}
 @keyframes sanctuaryGlow{50%{box-shadow:inset 0 0 0 3px #24143a,inset 0 -8px 15px #09051a,0 6px 16px #03010b,0 0 18px #59eace66}}
}

/* Keep the responsive tools drawer out of the chart layout. */
@media(max-width:1400px){html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left{position:fixed!important}}
html[data-att-theme]:not([data-att-theme="platinum"])[data-att-theme="sanctuary"] .side.left :is(.layerRouterBtn,.attNavButton){
 border:2px ridge #caab72!important;border-radius:8px 16px 8px 16px!important;
 background:linear-gradient(180deg,#d8b3fb36,transparent 35%,#09041670),linear-gradient(125deg,#58346a,#27223c 60%,#3d285c)!important;
 box-shadow:inset 0 2px 0 #ffe9ad55,inset 0 -4px 2px #120822,0 4px 0 #10061c,0 6px 9px #0009!important;
}

html[data-att-theme="classic"]{
 --att-ink:#ecfff4;--att-muted:#a7ccba;--att-metal:#c1b97a;--att-rim:#718e69;--att-glint:#e7ffb9;
 --att-surface:#17392b;--att-deep:#071810;--att-accent:#8be7ac;--att-accent2:#6beed5;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:12px;--att-font:"Segoe UI",sans-serif;
 --att-material-light:#234b38;--att-material-dark:#101e1c;--att-illustration:url('/theme-art/classic.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#8be7ac25,transparent 75%),linear-gradient(135deg,#234b38,#101e1c 75%);
}

html[data-att-theme="aztech"]{
 --att-ink:#fff6d2;--att-muted:#b9d3b9;--att-metal:#e7bd64;--att-rim:#9b843e;--att-glint:#fff0a4;
 --att-surface:#17403a;--att-deep:#061c1c;--att-accent:#edc65b;--att-accent2:#3ce9cc;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:4px;--att-font:"Trebuchet MS",sans-serif;
 --att-material-light:#28584b;--att-material-dark:#112a2c;--att-illustration:url('/theme-art/aztech.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#edc65b25,transparent 75%),linear-gradient(135deg,#28584b,#112a2c 75%);
}

html[data-att-theme="victorian"]{
 --att-ink:#fff0d8;--att-muted:#d0bda5;--att-metal:#d6ac69;--att-rim:#8e663f;--att-glint:#ffdfa0;
 --att-surface:#392624;--att-deep:#140f12;--att-accent:#dfb881;--att-accent2:#b4d9c6;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:5px;--att-font:Georgia,serif;
 --att-material-light:#5c3933;--att-material-dark:#251a22;--att-illustration:url('/theme-art/victorian.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#dfb88125,transparent 75%),linear-gradient(135deg,#5c3933,#251a22 75%);
}

html[data-att-theme="alien"]{
 --att-ink:#e5fffe;--att-muted:#add6e1;--att-metal:#80d5dd;--att-rim:#3b92a5;--att-glint:#c7fffb;
 --att-surface:#132d43;--att-deep:#060d20;--att-accent:#69ecf4;--att-accent2:#f193ec;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:17px;--att-font:"Segoe UI",sans-serif;
 --att-material-light:#224459;--att-material-dark:#141a36;--att-illustration:url('/theme-art/alien.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#69ecf425,transparent 75%),linear-gradient(135deg,#224459,#141a36 75%);
}

html[data-att-theme="graffiti"]{
 --att-ink:#fff9e2;--att-muted:#e2cedb;--att-metal:#ffd965;--att-rim:#e6649c;--att-glint:#fff498;
 --att-surface:#32263e;--att-deep:#111421;--att-accent:#ffd963;--att-accent2:#56e5ed;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:10px;--att-font:Impact,"Arial Black",sans-serif;
 --att-material-light:#68425e;--att-material-dark:#20263d;--att-illustration:url('/theme-art/graffiti.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#ffd96325,transparent 75%),linear-gradient(135deg,#68425e,#20263d 75%);
}

html[data-att-theme="smoke"]{
 --att-ink:#f4fbff;--att-muted:#c7d2d9;--att-metal:#c5d8df;--att-rim:#91a8b8;--att-glint:#f5fcff;
 --att-surface:#2b3742;--att-deep:#10151f;--att-accent:#d3e7f2;--att-accent2:#9ccbdd;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:19px;--att-font:"Segoe UI",sans-serif;
 --att-material-light:#526371;--att-material-dark:#222c38;--att-illustration:url('/theme-art/smoke.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#d3e7f225,transparent 75%),linear-gradient(135deg,#526371,#222c38 75%);
}

html[data-att-theme="cosmic"]{
 --att-ink:#fff3e5;--att-muted:#d7c6e8;--att-metal:#e0ab73;--att-rim:#9c7cc6;--att-glint:#ffdb9e;
 --att-surface:#30284c;--att-deep:#100e28;--att-accent:#ffc994;--att-accent2:#89d2ff;
 --att-good:#83f0ad;--att-bad:#ff8ba4;--att-radius:15px;--att-font:"Trebuchet MS",sans-serif;
 --att-material-light:#69416a;--att-material-dark:#192c4c;--att-illustration:url('/theme-art/cosmic.png');
 --att-art:linear-gradient(#09081455,#09081488),var(--att-illustration) center/cover;
 --att-panel-art:radial-gradient(ellipse at 30% 0%,#ffc99425,transparent 75%),linear-gradient(135deg,#69416a,#192c4c 75%);
}

/* Illustrated replacement materials for the seven original theme slots.
   Sanctuary retains its dedicated artwork/material rules above. */
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top{
 background:linear-gradient(90deg,#09071044,#09071088 45%,#09071055),var(--att-illustration) center 28%/cover;
 border-bottom:4px ridge var(--att-metal);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--att-accent2) 50%,transparent),0 5px 22px #04030bd9;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top .name{
 background:linear-gradient(#fffce2 18%,var(--att-glint) 48%,var(--att-metal) 52%,var(--att-glint) 75%);background-clip:text;-webkit-background-clip:text;
 filter:drop-shadow(0 3px 0 var(--att-deep)) drop-shadow(0 0 8px var(--att-rim));letter-spacing:.07em;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top .logo{
 background:var(--att-illustration) 1% 1%/480px auto;
 border:3px ridge var(--att-metal);box-shadow:inset 0 0 9px #030813,0 0 12px color-mix(in srgb,var(--att-accent2) 40%,transparent);
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top .logo i,
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top .logo:before,
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top .logo:after{visibility:hidden}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left{
 background:linear-gradient(180deg,#08091077,#080910cc),var(--att-illustration) left top/auto 850px;
 border-right:4px ridge var(--att-metal);box-shadow:inset 2px 0 0 var(--att-rim),inset -4px 0 15px #060311;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .musicArtDock{
 content:"";display:block;height:108px;margin:0 0 15px;border:3px ridge var(--att-metal);border-radius:38px 38px var(--att-radius) var(--att-radius);
 background:linear-gradient(0deg,#08091388,transparent 45%),var(--att-illustration) left top/360px auto;
 box-shadow:inset 0 0 0 3px var(--att-deep),inset 0 -8px 15px #09051a,0 6px 16px #03010b,0 0 14px color-mix(in srgb,var(--att-accent2) 25%,transparent);
 pointer-events:none;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .title{
 color:var(--att-glint);text-shadow:0 2px 0 var(--att-deep),0 0 8px var(--att-rim);border-bottom:2px ridge var(--att-metal);letter-spacing:.15em;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left :is(.card,.layerRouterPanel,.executionConnectorPopover),
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) :is(.topMediaPopover,.clockMenu,.customTfPopover){
 border:3px ridge var(--att-metal);background:var(--att-panel-art);
 box-shadow:inset 0 0 0 2px var(--att-deep),inset 0 2px 0 #f2d8ff33,inset 0 -5px 8px #03010b80,0 9px 18px #000a;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left :is(.layerRouterBtn,.attNavButton),
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .top :is(.btn,.mobileNavBtn){
 border:2px ridge var(--att-metal)!important;border-radius:var(--att-radius)!important;
 background:linear-gradient(180deg,#ffffff36,transparent 35%,#09041670),linear-gradient(125deg,var(--att-material-light),var(--att-material-dark) 65%,var(--att-surface))!important;
 box-shadow:inset 0 2px 0 #ffe9ad55,inset 0 -4px 2px var(--att-deep),0 4px 0 #10061c,0 6px 9px #0009!important;
 color:var(--att-ink);text-shadow:0 2px 1px #0a0614;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .layerRouterIcon{
 border:2px ridge var(--att-metal);background:radial-gradient(circle at 35% 22%,var(--att-accent2),var(--att-surface) 42%,var(--att-deep) 85%);
 color:var(--att-ink);box-shadow:inset 0 0 9px var(--att-rim),0 0 8px color-mix(in srgb,var(--att-accent2) 30%,transparent);
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .manualLongBtn{
 background:linear-gradient(180deg,#dcffb2,#62bd67 25%,#275e3c 52%,#358650 80%,#153e30);border:3px ridge var(--att-metal);
 box-shadow:inset 0 2px 0 #eaffc2,inset 0 -4px 2px #123526,0 4px 0 var(--att-deep),0 0 12px #44ef7750;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .manualShortBtn{
 background:linear-gradient(180deg,#ffe1c9,#e17b95 25%,#743047 52%,#ad3d65 80%,#461e3b);border:3px ridge var(--att-metal);
 box-shadow:inset 0 2px 0 #ffdbc8,inset 0 -4px 2px #471231,0 4px 0 var(--att-deep),0 0 12px #ec4e9150;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .side.left .big{
 color:var(--att-accent2);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--att-deep),0 0 14px color-mix(in srgb,var(--att-accent2) 40%,transparent);
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .themeClock .clockScene{
 background:linear-gradient(90deg,#070815c9,#07081566),var(--att-illustration) center 20%/cover;
 border:3px ridge var(--att-metal);box-shadow:inset 0 0 0 2px var(--att-deep),inset 0 0 18px var(--att-rim),0 0 15px color-mix(in srgb,var(--att-accent2) 30%,transparent);
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) .themeClock .clock{
 color:var(--att-glint);text-shadow:0 2px 0 var(--att-deep),0 0 12px var(--att-rim);font-weight:900;font-family:var(--att-font);
}
html[data-att-theme]:not([data-att-theme="platinum"]) :is(body[data-scanner-page],body[data-account-page],body[data-owner-page]){
 background-size:cover!important;background-attachment:fixed!important;
}
html[data-att-theme]:not([data-att-theme="platinum"]):not([data-att-theme="sanctuary"]) :is(body[data-scanner-page],body[data-account-page],body[data-owner-page]) :is(.panel,.card){
 border:3px ridge var(--att-metal);background:linear-gradient(135deg,color-mix(in srgb,var(--att-material-light) 94%,transparent),color-mix(in srgb,var(--att-deep) 97%,transparent));
 box-shadow:inset 0 0 0 2px var(--att-deep),0 10px 24px #0009;
}
html[data-att-theme="victorian"] .side.left .musicArtDock{border-radius:7px;border-style:double;border-width:5px}
html[data-att-theme="aztech"] .side.left .musicArtDock{border-radius:4px;border-width:4px}
html[data-att-theme="graffiti"] .side.left .musicArtDock{border-radius:18px 5px 22px 5px;box-shadow:4px 4px 0 #ec4d88,inset 0 0 0 2px #131324}
html[data-att-theme="smoke"] .side.left .musicArtDock{border-radius:30px;filter:saturate(.25)}
@media(max-width:1400px){html[data-att-theme]:not([data-att-theme="platinum"]) .side.left{position:fixed!important}}
/* Selected timeframe controls remain distinct from the unselected material. */
html[data-att-theme]:not([data-att-theme="platinum"]) .top .btn.active{
 border-color:var(--att-glint)!important;
 background:linear-gradient(180deg,color-mix(in srgb,var(--att-accent) 60%,var(--att-surface)),var(--att-deep))!important;
 box-shadow:inset 0 1px 0 #fff8,0 0 12px var(--att-rim),0 4px 0 var(--att-deep)!important;
 color:#fff!important;
}