.bracelet3d-menu-toggle { position:absolute; z-index:3; left:24px; bottom:146px; min-height:52px; padding:12px 16px; border:2px solid #d5b57b; border-radius:16px; background:#fff9ef; color:#703a62; font:600 14px system-ui; }
.bracelet3d-menu { position:absolute; z-index:20; inset:88px max(20%,calc((100% - 680px)/2)) auto; max-height:calc(100% - 120px); overflow:auto; padding:24px; border:2px solid #d8b66c; border-radius:22px; background:#fff8ecfa; color:#693756; font:16px/1.5 system-ui; }
.bracelet3d-menu[hidden] { display:none; }
.bracelet3d-menu h3 { margin:0 0 14px; font:bold 25px Georgia,serif; }
.bracelet3d-menu p { margin:14px 0 6px; font-weight:700; }
.bracelet3d-menu > div { display:flex; flex-wrap:wrap; gap:8px; }
.bracelet3d-menu button { min-height:48px; padding:10px 14px; border:2px solid #d7b68c; border-radius:14px; background:#fffdf5; color:#693756; font:600 14px system-ui; }
.bracelet3d-menu [data-bracelet-return] { margin-top:16px; }
.bracelet3d-menu button:focus-visible, .bracelet3d-menu-toggle:focus-visible { outline:3px solid #a979b6; outline-offset:3px; }
.bracelet3d-reading .mini3d-controls, .bracelet3d-reading .bracelet3d-menu-toggle { visibility:hidden; }
@media(max-width:600px) { .bracelet3d-menu-toggle { left:12px; bottom:136px; min-height:48px; padding:8px 12px; font-size:13px; } .bracelet3d-menu { inset:76px 12px auto; padding:18px; font-size:14px; } .bracelet3d-menu [data-bracelet-saved-list] { display:grid; } }