/* Main styles for index.html */
body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial; padding:1rem; line-height:1.45; }
h1 { margin-bottom:0.25rem; }
button { padding:0.5rem 0.75rem; margin-left:0.5rem; cursor:pointer; }

/* Dialog styles */
dialog { border: none; border-radius:8px; padding:1.25rem; max-width:520px; width:90%; box-shadow:0 8px 24px rgba(0,0,0,0.2); }
.dialog-header { font-weight:600; margin-bottom:0.5rem; }
.dialog-actions { margin-top:1rem; text-align:right; }

/* Fallback styling for browsers that don't support <dialog> */
.dialog-backdrop { position:fixed; inset:0; background:rgba(0,0,0,0.4); display:flex; align-items:center; justify-content:center; }
.dialog-fallback { background:#fff; border-radius:8px; padding:1rem; max-width:520px; width:90%; box-shadow:0 8px 24px rgba(0,0,0,0.2); }