.fx-settings { margin: 20px 0; padding: 18px 0; border: 0; border-top: 1px solid #72dbf526; border-bottom: 1px solid #72dbf526; min-width: 0; }
.fx-settings legend { padding: 0 10px 0 0; font: 11px var(--mono); letter-spacing: 1px; color: #b5e8f3; }
.fx-settings .appearance-option { margin-top: 13px; }
.fx-settings .settings-copy { font-size: 10px; line-height: 1.7; margin: 10px 0; }
.fx-settings .fx-range, .fx-settings label[for='fx-particle-intensity'], .fx-settings label[for='fx-sound-volume'] { display: grid; gap: 9px; margin-top: 14px; font-size: 10px; }
.fx-settings input[type='range'] { width: 100%; accent-color: #73ddf2; padding: 0; }
.fx-settings .secondary { margin-top: 12px; font-size: 10px; }
.fx-depth-anchor { position: relative; }
.fx-card-reflection { display: none; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none; user-select: none; background: radial-gradient(ellipse 440px 330px at var(--fx-light-x, 50%) var(--fx-light-y, 50%), #d5f7ff12, #8be4ff05 35%, transparent 68%); }
html[data-fx-depth='on'] .fx-depth-active > .fx-card-reflection { display: block; }
@supports (rotate: 1 0 0 1deg) {
  html[data-fx-depth='on'] .fx-depth-active.fx-depth-transform { rotate: var(--fx-axis-x, 0) var(--fx-axis-y, 1) 0 var(--fx-depth-angle, 0deg); translate: 0 -1px; }
}
.fx-background-canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: -1; pointer-events: none; user-select: none; }
html[data-fx-particles='on'] #app { isolation: isolate; }
html:not([data-fx-particles='on']) .fx-background-canvas { display: none; }
@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .fx-depth-active.fx-depth-transform { rotate: none !important; translate: none !important; }
  .fx-card-reflection, .fx-background-canvas { display: none !important; }
}
@media print {
  .fx-card-reflection, .fx-background-canvas { display: none !important; }
  .fx-depth-active.fx-depth-transform { rotate: none !important; translate: none !important; }
}