/* v0.3: only result dialog, sound controls and message state. */
#result-dialog{width:min(800px,calc(100vw - 24px));max-width:800px;max-height:calc(100dvh - 24px);overflow:auto;padding:0;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--panel);overscroll-behavior:contain}
#result-dialog::backdrop{background:rgba(4,12,18,.78)}
#result-dialog #result{margin:0;padding:clamp(16px,3vw,28px);border:0;background:transparent}
#result-dialog #result-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
#result-values strong{font-size:clamp(24px,4vw,36px)}
#result-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0}
#result-secondary strong,#result-secondary span{display:block}
.result-status{font-size:1.1rem;font-weight:700;padding:12px;border:1px solid var(--accent);border-radius:8px}
#result-dialog details{margin:12px 0}#result-dialog summary{cursor:pointer;padding:10px 0}
#result-dialog .result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#result-dialog .result-actions button{flex:1 1 160px;min-height:44px}
.sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}
.sound-controls label{display:flex;align-items:center;gap:6px}.sound-controls input{width:85px}
#sound-help{flex-basis:100%;color:var(--muted);font-size:11px}
#messages button[data-state="history"]{opacity:.75;border-style:dashed}
#messages time{display:block;font-size:.8em;color:var(--muted)}
#messages .message-status{font-weight:700}
@media(max-width:600px){#result-dialog #result-values,#result-secondary{grid-template-columns:1fr}#result-dialog .result-actions{flex-direction:column}#result-dialog .result-actions button{flex:auto;width:100%}.sound-controls{width:100%}}