/* Decorative artwork only; existing workspace surfaces and themes stay opaque. */
body { isolation:isolate; }
.automotive-scene { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; user-select:none; --scene-ink:#152135; }
.automotive-stage { position:absolute; inset:-20px; }
.automotive-art { position:absolute; inset:0; background:url('/automotive-artwork.webp') center/cover no-repeat; filter:invert(1); opacity:.19; }
.automotive-word,.automotive-symbol { position:absolute; left:var(--x); top:var(--y); transform:rotate(var(--tilt)); color:var(--scene-ink); opacity:.065; }
.automotive-word { font:850 var(--size)/1 Arial,sans-serif; letter-spacing:.05em; white-space:nowrap; }
.automotive-symbol { width:64px; height:64px; opacity:.075; }
.automotive-symbol svg { width:100%; height:100%; }
html[data-theme="dark"] .automotive-scene { --scene-ink:#e1e9f5; }
html[data-theme="dark"] .automotive-art { filter:none; opacity:.29; }
.app-shell,html[data-theme="dark"] .app-shell,.auth-shell,html[data-theme="dark"] .auth-shell { background:transparent; }
.auth-visual,html[data-theme="dark"] .auth-visual { background:linear-gradient(125deg,#10131985,#181b24d9),url('/automotive-artwork.webp') center/cover no-repeat; }
.auth-panel,html[data-theme="dark"] .auth-panel { background:transparent; }
.auth-card { background:var(--workspace-surface,var(--surface)); border:1px solid var(--workspace-border,var(--line)); padding:32px; border-radius:24px; box-shadow:0 24px 70px #080b1610; }
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  .automotive-stage { animation:automotive-drift 30s ease-in-out infinite alternate; }
  @keyframes automotive-drift { from { transform:translate3d(0,0,0); } to { transform:translate3d(-10px,12px,0); } }
}
@media(max-width:900px) {
  .automotive-art { background-position:66% center; opacity:.16; }
  html[data-theme="dark"] .automotive-art { opacity:.23; }
  .automotive-word { font-size:calc(var(--size)*.7); opacity:.045; }
  .automotive-word:nth-of-type(3n),.automotive-symbol:nth-of-type(2n) { display:none; }
  .automotive-symbol { width:44px; height:44px; opacity:.055; }
  .auth-card { padding:24px; }
}
@media(max-width:420px) { .auth-card { padding:22px 18px; border-radius:18px; } }
@media(prefers-reduced-motion:reduce) { .automotive-stage { animation:none; } }
@media print { .automotive-scene { display:none!important; } .auth-card { box-shadow:none; } }