.dialog{width:min(92vw,400px);padding:0;border:0;border-radius:var(--ds-radius-lg);color:var(--ds-ink);background:var(--ds-surface);box-shadow:var(--ds-shadow-floating)}.dialog[open]{animation:dialog-appear .16s cubic-bezier(.16,1,.3,1)}.dialog.sheet{width:min(92vw,460px)}.dialog::backdrop{background:rgba(15,20,24,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-body{padding:22px 20px 8px;text-align:center}.dialog-body h2{margin:0 0 8px;font-size:var(--ds-font-size-title);font-weight:700}.dialog-text p{color:var(--ds-ink-muted);font-size:var(--ds-font-size-body);line-height:1.55}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 20px}.dialog-actions .button{width:100%}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--ds-border)}.sheet-header h2{font-size:var(--ds-font-size-title);font-weight:700}.sheet-close{width:30px;height:30px;border-radius:var(--ds-radius-sm);color:var(--ds-ink-muted);display:flex;align-items:center;justify-content:center}.sheet-close svg{width:16px;height:16px}.sheet-close:hover{background:var(--ds-surface-subtle);color:var(--ds-ink)}.sheet-body{padding:16px 18px 20px}@media (max-width:760px){.dialog.sheet{margin:auto 0 0;width:100%;max-width:100%;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}}@keyframes dialog-appear{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}