.menu-draft-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100vw - 32px));max-width:580px;max-height:90dvh;overflow:auto;padding:32px 30px 28px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:radial-gradient(ellipse at 15% 0%,rgba(255,239,246,.72),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,248,252,.8));color:#46313e;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb3,0 24px 85px #35102633;backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%);font:400 16px/1.6 Athiti,system-ui,sans-serif;text-align:center;animation:menuGlassIn .2s ease-out}
.menu-draft-dialog::backdrop{background:rgba(31,20,30,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.menu-draft-symbol{display:grid;place-items:center;width:67px;height:67px;margin:0 auto 15px;border:1px solid #ffffffc9;border-radius:21px;color:#b12d50;background:linear-gradient(140deg,#ffffffd9,#f4c9d77a);box-shadow:inset 0 1px 0 #fff,0 8px 20px #a6193410}
.menu-draft-symbol svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.menu-draft-eyebrow{font-size:12px;color:#b77c91;letter-spacing:.7px}
.menu-draft-dialog h2{margin:5px 0 10px;font-size:27px;font-weight:700;line-height:1.4;color:#502a3d;letter-spacing:-.3px}
.menu-draft-dialog #menuDraftDialogDescription{margin:0 auto 25px;color:#95818e;font-size:16px;line-height:1.65}
.menu-draft-actions{display:flex;align-items:stretch;justify-content:center;gap:10px;width:100%;margin:auto}
.menu-draft-actions button{display:inline-flex;justify-content:center;align-items:center;gap:6px;flex:1;min-width:0;min-height:46px;border:1px solid rgba(255,255,255,.9);border-radius:12px;padding:10px 11px;font:600 15px/1.45 Athiti,system-ui,sans-serif;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s;white-space:nowrap;box-sizing:border-box}
.menu-draft-actions button[data-choice="save"]{flex:1.18;background:linear-gradient(125deg,#a91c3b,#c83457);border-color:#b52344;color:#fff;box-shadow:inset 0 1px 0 #ffffff25,0 6px 15px #b1224433}
.menu-draft-actions button[data-choice="save"] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.menu-draft-actions button[data-choice="discard"]{background:linear-gradient(135deg,#ffffffc7,#fce5eeab);color:#ab3152;border-color:#e9bcca;box-shadow:inset 0 1px 0 #fff}
.menu-draft-actions button[data-choice="stay"]{background:linear-gradient(135deg,#ffffffd6,#eeedf3a3);color:#7c6c7b;border-color:#e9e4ed;box-shadow:inset 0 1px 0 #fff}
.menu-draft-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 17px #7130491a}
.menu-draft-actions button[data-choice="save"]:hover:not(:disabled){background:linear-gradient(125deg,#94142f,#b92447);box-shadow:0 8px 19px #a51f4438}
.menu-draft-actions button:focus-visible{outline:2px solid #ca7a96;outline-offset:3px}
.menu-draft-actions button:disabled{opacity:.6;cursor:wait;transform:none}
.menu-draft-dialog .menu-draft-feedback{color:#b02b4c;font-size:13px;line-height:1.6;margin:15px 0 0;overflow-wrap:anywhere}
.menu-draft-dialog .menu-draft-feedback:empty{display:none}
@keyframes menuGlassIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.menu-draft-dialog{padding:27px 20px 23px;border-radius:22px}.menu-draft-dialog h2{font-size:24px}.menu-draft-dialog #menuDraftDialogDescription{font-size:15px;margin-bottom:21px}.menu-draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-draft-actions button[data-choice="save"]{grid-column:1/-1}.menu-draft-actions button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.menu-draft-dialog{animation:none}.menu-draft-actions button{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.menu-draft-dialog{background:#fff9fc}}

/* Raised notification silhouette with a red icon badge. */
.menu-draft-dialog{width:min(580px,calc(100vw - 32px));max-height:90dvh;padding:42px 0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto;box-sizing:border-box}
.menu-draft-card{position:relative;isolation:isolate;margin:0 5px;padding:90px 28px 28px;border:1px solid #ffffffd9;border-radius:30px;background:linear-gradient(145deg,#fff,#fffafb);box-shadow:0 18px 38px #35102626;text-align:center}
.menu-draft-card::before{content:"";position:absolute;z-index:-1;top:-36px;left:50%;width:152px;height:112px;transform:translateX(-50%);border-radius:50%;background:#fff}
.menu-draft-symbol{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:88px;height:88px;margin:0;border:8px solid #fff2f4;border-radius:50%;box-sizing:content-box;background:linear-gradient(140deg,#d82e4b,#a8102d);color:#fff;box-shadow:inset 0 2px 3px #ffffff35,0 8px 22px #ae183426}
.menu-draft-symbol svg{width:40px;height:40px;stroke-width:1.5}
.menu-draft-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:#eee8eb;color:#8e7a83;font:400 23px/1 system-ui;cursor:pointer;transition:background .16s,color .16s}
.menu-draft-close:hover{background:#f7dbe2;color:#ac1836}
.menu-draft-close:focus-visible{outline:2px solid #b51e40;outline-offset:3px}
.menu-draft-close:disabled{opacity:.5;cursor:wait}
.menu-draft-eyebrow{color:#b35970;font-size:12px}
.menu-draft-dialog h2{margin:6px 0 10px;color:#482733;font-size:27px}
.menu-draft-dialog #menuDraftDialogDescription{max-width:420px;margin:0 auto 25px;color:#91818a}
.menu-draft-actions{flex-wrap:wrap;max-width:440px;gap:10px}
.menu-draft-actions button[data-choice="save"]{flex:0 0 100%;min-height:48px;border-radius:11px;background:linear-gradient(110deg,#b41636,#cf2d4e);box-shadow:0 6px 15px #b1224426}
.menu-draft-actions button[data-choice="discard"],.menu-draft-actions button[data-choice="stay"]{font-size:14px;min-height:41px;border-radius:10px}
@media(max-width:480px){.menu-draft-dialog{padding:40px 0 12px}.menu-draft-card{padding:87px 18px 23px;border-radius:25px}.menu-draft-dialog h2{font-size:24px}.menu-draft-actions{display:grid;grid-template-columns:1fr 1fr}.menu-draft-symbol{width:80px;height:80px}.menu-draft-close{right:13px;top:15px}}
@media(prefers-reduced-motion:reduce){.menu-draft-close{transition:none}}

.menu-draft-dialog h2{margin-bottom:24px}

/* Compact width around the action buttons. */
.menu-draft-dialog{width:min(380px,calc(100vw - 24px));max-width:380px}
.menu-draft-card{padding-left:10px;padding-right:10px}
.menu-draft-actions{max-width:340px}
.menu-draft-dialog h2{font-size:25px}
@media(max-width:480px){.menu-draft-card{padding-left:8px;padding-right:8px}.menu-draft-dialog h2{font-size:24px}}

/* Consistent action layout for every unsaved-changes warning. */
.menu-draft-dialog .menu-draft-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:340px;width:100%}
.menu-draft-dialog .menu-draft-actions button{width:100%;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;line-height:1.5}
.menu-draft-dialog .menu-draft-actions button[data-choice="save"]{grid-column:1/-1}
.menu-draft-card:not(:has(.menu-draft-symbol))::before{display:none}
@media(max-width:360px){.menu-draft-dialog .menu-draft-actions{gap:8px}.menu-draft-dialog .menu-draft-actions button{font-size:13px;padding:9px 6px}}