/* Shared optical material; the scene is content, the controls stay legible. */
:root {
  --clear-night:#08090c; --clear-white:#e9eef5; --clear-secondary:#bdc6d3;
  --clear-line:rgba(213,224,239,.16); --clear-control-line:rgba(221,231,245,.44);
  --clear-plane:linear-gradient(140deg,rgba(213,224,239,.045),rgba(213,224,239,.006) 65%),rgba(4,6,10,.3);
  --clear-control:linear-gradient(155deg,rgba(213,224,239,.07),rgba(213,224,239,.012)),rgba(5,7,11,.24);
  --clear-action:linear-gradient(150deg,rgba(213,224,239,.13),rgba(213,224,239,.025)),rgba(5,7,11,.34);
  --clear-edge:inset 0 1px 0 rgba(221,231,245,.075),inset 0 -1px 0 rgba(0,0,0,.55);
  --clear-shadow:0 22px 40px -22px rgba(0,0,0,.9); --clear-blur:blur(3px) saturate(1.1);
  --dw-control-fill:var(--clear-control); --dw-control-hover:var(--clear-action);
  --dw-control-ink:var(--clear-white); --dw-control-muted:var(--clear-secondary);
  --dw-control-line:var(--clear-control-line); --dw-control-radius:10px; --dw-focus:#edf2f7;
}
.dw-account .button.primary,.dw-convert-dialog .button.primary { background:var(--clear-action); color:var(--clear-white); border-color:var(--clear-control-line); box-shadow:var(--clear-edge); }
.dw-account .button.primary:hover:not(:disabled),.dw-convert-dialog .button.primary:hover:not(:disabled) { background:var(--clear-control); color:var(--clear-white); border-color:rgba(221,231,245,.6); }
.glass-world { background:var(--clear-night); isolation:isolate; }
.glass-world::before {
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:url('../img/studio/sky-field.svg') center/cover no-repeat,linear-gradient(180deg,rgba(5,7,12,.72),rgba(5,7,12,.86)),url('../img/galaxy.jpg') center/cover no-repeat;
  opacity:1;
}
@media(prefers-reduced-transparency:reduce) {
  :root { --clear-plane:#15171c; --clear-control:#24272d; --clear-action:#34383f; --clear-blur:none; }
  .glass-world::before { display:none; }
}