/* A quiet, native entry dialog over the existing piano. No new motion timeline. */
html.sound-entry-open, body.sound-entry-open { overflow:hidden; }
.sound-entry {
  width:min(440px, calc(100% - 32px)); max-height:calc(100dvh - 32px);
  margin:auto; padding:32px; overflow:auto; overscroll-behavior:contain;
  border:1px solid transparent; border-radius:0;
  background:var(--dark, #081c3e); color:#fff;
  box-shadow:0 0 0 1px oklch(1 0 0 / .13), 0 24px 80px oklch(0 0 0 / .3);
}
.sound-entry::backdrop { background:#04132b80; }
.sound-entry .eyebrow { display:block; color:#76d6df; font-size:9px; }
.sound-entry h2 { font-size:clamp(40px, 8vw, 54px); margin:20px 0 16px; }
.sound-entry h2 em { color:#76d6df; }
.sound-entry #sound-entry-description { color:#d3e2ef; font-size:13px; line-height:1.8; }
.sound-entry-start { width:100%; min-height:54px; margin-top:24px; padding:16px 18px 16px 20px; gap:12px; background:#c5f1f5; color:#081c3e; }
.sound-entry-start .icon { width:20px; height:20px; }
.sound-entry-skip { width:100%; min-height:48px; margin-top:8px; padding:10px; font-size:12px; color:#d3e2ef; text-decoration:underline; text-underline-offset:4px; }
.sound-entry-hint { margin-top:16px; font-size:10px; color:#adcadb; line-height:1.7; }
.sound-entry-status { margin-top:12px; color:#fff; font-size:12px; line-height:1.7; }
.sound-entry :focus-visible { outline:2px solid #76d6df; outline-offset:3px; }
.sound-entry button { transition:background-color 150ms ease-out, color 150ms ease-out; }
@media(hover:hover) {
  .sound-entry-start:not(:disabled):hover { background:#e4fbfd; }
  .sound-entry-skip:hover { color:#fff; }
}
@media(prefers-reduced-motion:no-preference) {
  .sound-entry button { transition:scale 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out; }
  .sound-entry button:not(:disabled):active { scale:.96; }
}
@media(max-width:360px) { .sound-entry { padding:24px; } }