dialog.beta-feedback-invitation { box-sizing:border-box; position:fixed; inset:0; width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:32px 28px 24px; border:1px solid var(--color-border-subtle); border-radius:20px; background:var(--color-bg-control); color:var(--color-ink); box-shadow:var(--shadow-dialog); text-align:center; }
dialog.beta-feedback-invitation:not([open]) { display:none; }
dialog.beta-feedback-invitation::backdrop { background:rgb(37 37 37 / 32%); }
.beta-feedback-invitation .beta-feedback-emoji { display:block; margin-bottom:12px; font-size:36px; line-height:1.2; }
.beta-feedback-invitation h2 { margin:0 0 12px; font:500 24px/32px var(--font-ui); color:var(--color-ink); }
.beta-feedback-invitation p { margin:0; font:400 15px/24px var(--font-ui); color:var(--color-text-secondary); }
.beta-feedback-invitation .beta-feedback-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.beta-feedback-invitation .beta-feedback-actions :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 18px; border:1px solid var(--color-border-subtle); border-radius:999px; font:400 14px/20px var(--font-ui); color:var(--color-ink); background:transparent; text-decoration:none; cursor:pointer; }
.beta-feedback-invitation .beta-feedback-actions a { background:var(--color-accent); border-color:var(--color-accent); }
.beta-feedback-invitation :is(a,button):focus-visible { outline:2px solid var(--color-focus); outline-offset:3px; }
.beta-feedback-invitation .beta-feedback-shared { margin-top:12px; padding:8px 12px; border:0; background:transparent; color:var(--color-text-secondary); font:400 13px/20px var(--font-ui); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
