.so-dialog{overscroll-behavior:contain;border:1px solid var(--a-line-strong);background:var(--a-raised);width:min(420px,100vw - 32px);max-width:none;height:fit-content;max-height:calc(100dvh - 32px);color:var(--a-ink);box-shadow:var(--a-shadow-2);border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.so-dialog[open]{animation:so-dialog-in var(--mm-dur-card,.24s) var(--mm-ease-out)}@keyframes so-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.so-dialog::backdrop{background:#00000080}.so-dialog__body{gap:10px;padding:20px 20px 18px;display:grid}.so-dialog__title{font:800 19px/1.25 var(--font-display);letter-spacing:-.01em;color:var(--a-ink);margin:0}.so-dialog__text{color:var(--a-ink-2);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.so-dialog__keys{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.so-dialog__keys>.so-key{flex:140px}.so-dialog__note{color:var(--a-ink-3);margin:0;font-size:13.5px;line-height:1.5}.so-dialog__note:empty{height:0;margin-top:-10px;display:block}.so-dialog__note[data-tone=err]{color:var(--a-bad-text)}.so-key{border:1px solid var(--a-line-strong);min-height:44px;color:var(--a-ink);font:650 15px/1.2 var(--font-body);cursor:pointer;touch-action:manipulation;transition:background-color .16s ease, border-color .16s ease, transform .16s var(--mm-ease-out);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.so-key:active:not(:disabled){transform:scale(.98)}.so-key:focus-visible{outline:2px solid var(--a-focus);outline-offset:2px}.so-key:disabled{opacity:.55;cursor:not-allowed}.so-key--danger{border-color:color-mix(in srgb, var(--a-bad-text) 45%, transparent);color:var(--a-bad-text)}@media (hover:hover) and (pointer:fine){.so-key:hover:not(:disabled){border-color:var(--a-line-hover);background:var(--a-hover)}.so-key--danger:hover:not(:disabled){border-color:var(--a-bad-text);background:color-mix(in srgb, var(--a-bad-text) 10%, transparent)}}@media (prefers-reduced-motion:reduce){.so-dialog[open]{animation:none}.so-key{transition:none}}:root[data-motion=reduced] .so-dialog[open]{animation:none}:root[data-motion=reduced] .so-key{transition:none}