/* One vertical-invariant canvas: keep the cyan/purple palette without a top-colour region. */
body.home-experience-active.home-experience-ready{
  --home-canvas-sidebar:0px;
  background:linear-gradient(90deg,#008ac32e,transparent 45%),linear-gradient(270deg,#9715df26,transparent 50%),linear-gradient(90deg,#041425,#071b30 52%,#071326)!important;
}
body.home-experience-active.home-experience-ready:not([data-theme="dark"]){
  background:linear-gradient(270deg,rgba(239,63,112,.13),transparent 43%),linear-gradient(90deg,rgba(0,182,191,.12),transparent 48%),linear-gradient(90deg,#f1f7ff,#edf4fb 55%,#f4edff)!important;
}
/* Preserve the previous canvas width and origin beside the unchanged desktop rail. */
body.home-experience-active.home-experience-ready{
  background-origin:border-box!important;
  background-clip:border-box!important;
  background-size:calc(100% - var(--home-canvas-sidebar)) 100%!important;
  background-position:var(--home-canvas-sidebar) 0!important;
  background-repeat:no-repeat!important;
}
@media(min-width:761px){
  body.home-experience-active.home-experience-ready{--home-canvas-sidebar:220px}
}
@media(min-width:761px) and (max-width:1100px){
  body.home-experience-active.home-experience-ready{--home-canvas-sidebar:190px}
}
body.home-experience-active .app{background:transparent!important}
body.home-experience-active::before{content:none!important}
body.home-experience-active.home-experience-ready #dashboardView.active{background:transparent!important}
body.home-experience-active .topbar,
body.home-experience-active:not([data-theme="dark"]) .topbar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Keep the existing 44px control and its handler; only the icon has a visible surface. */
body.home-experience-active .experience-settings{
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}
body.home-experience-active .experience-settings svg{
  stroke:none;
  background:currentColor;
  -webkit-mask:url(./stikdex-settings-cog.svg) center/contain no-repeat;
  mask:url(./stikdex-settings-cog.svg) center/contain no-repeat;
  filter:drop-shadow(0 0 6px #8ad8ef35);
}
body.home-experience-active .experience-settings:focus-visible{color:color-mix(in srgb,var(--experience-ink) 65%,#50dbed)}
@media(hover:hover){
  body.home-experience-active .experience-settings:hover{color:color-mix(in srgb,var(--experience-ink) 65%,#50dbed)}
}