.nail-menu-button { display:none; }
.nail-menu-dialog {
 width:min(430px,calc(100vw - 28px));
 max-height:calc(100dvh - 32px);
 margin:auto;
 padding:22px;
 border:1px solid #d9b9b1;
 border-radius:24px 24px 12px 12px;
 color:var(--ink);
 background:linear-gradient(145deg,#fffaf8,#f7e4e9 85%);
 box-shadow:0 18px 70px #42221e40;
 overflow-y:auto;
}
.nail-menu-dialog::backdrop { background:#30221e80; backdrop-filter:blur(5px); }
.nail-menu-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:18px; }
.nail-menu-heading h2 { margin:0; font:600 1.8rem/1.05 var(--serif); letter-spacing:-.04em; max-width:11ch; }
.nail-menu-close { flex:0 0 44px; min-height:44px; border:1px solid var(--line); border-radius:50%; background:var(--paper); color:var(--wine); font-size:1.75rem; line-height:1; }
.nail-menu-dialog nav { display:grid; gap:5px; margin-bottom:18px; }
.nail-menu-dialog nav a { min-height:48px; padding:10px 12px; display:flex; gap:12px; align-items:center; border:1px solid transparent; border-bottom-color:#e4ccc8; border-radius:10px; font-size:1.05rem; font-weight:650; text-decoration:none; }
.nail-menu-dialog nav svg { width:21px; height:21px; flex:0 0 21px; color:#88435f; }
.nail-menu-dialog nav a[aria-current=page] { background:var(--paper); border-color:#d8afb9; color:var(--wine); }
.nail-menu-dialog > .pill { width:100%; min-height:48px; }
.nail-menu-team { display:block; padding:14px 10px 0; font-size:.8rem; text-align:center; text-decoration:underline; text-underline-offset:4px; }
body:has(.nail-menu-dialog[open]) { overflow:hidden; }
@media(max-width:760px) {
 .public-top.nail-menu-ready { display:flex; justify-content:space-between; min-height:82px; gap:12px; }
 .public-top.nail-menu-ready > nav, .public-top.nail-menu-ready > .top-book { display:none; }
 .nail-menu-button { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:0 0 54px; min-width:54px; min-height:72px; padding:2px 3px 6px; border:1px solid #e6c8cf; border-radius:14px; color:var(--wine); background:linear-gradient(145deg,#fffaf8,#f8e8ec); cursor:pointer; -webkit-tap-highlight-color:transparent; }
 .nail-menu-button img { width:48px; height:51px; object-fit:contain; }
 .nail-menu-button span { font:750 .7rem/1 var(--sans,system-ui,sans-serif); letter-spacing:.04em; }
 .nail-menu-button:is(:hover,[aria-expanded=true]) { background:#f2d9e1; border-color:#b77f90; }
 .nail-menu-button:active img { transform:scale(.94); }
}
@media(prefers-reduced-motion:no-preference) {
 .nail-menu-button img { transition:transform 160ms ease; }
 .nail-menu-dialog[open] { animation:nail-menu-enter 340ms cubic-bezier(.22,.68,.28,1); }
 @keyframes nail-menu-enter { from { transform:translateY(6px); } to { transform:translateY(0); } }
}
