/* Web-only tweaks for the embedded overlay demo. */
html { color-scheme: normal; }
html, body { background: transparent; }
.grip { display: none; }
html button, html summary, html input[type=range] { cursor: pointer !important; }
html input[type=text], html textarea { cursor: text !important; }

/* Hidden from screen share: the card goes see-through so you can tell it's hidden. Visible: solid. */
#card { transition: background 0.5s ease; }
html.faded #card { background: rgba(var(--base), calc(var(--bg) * 0.7)); }