#wonder-language-controls{position:fixed;z-index:120;top:calc(10px + env(safe-area-inset-top,0px));right:12px;font-family:ui-rounded,system-ui,sans-serif;color:#593b76}#wonder-language-controls button{font:inherit;cursor:pointer;touch-action:manipulation}#wonder-profile-menu{display:flex;align-items:center;gap:8px;justify-content:center;min-height:50px;min-width:54px;padding:8px 13px;border:3px solid white;border-radius:22px;background:linear-gradient(135deg,#ffe3f2,#e4d5ff);box-shadow:0 5px 14px #67407c44;color:#67428c;font-size:23px;font-weight:900}#wonder-profile-menu .wonder-menu-lines{font-size:23px;line-height:1}#wonder-profile-panel{position:absolute;top:calc(100% + 9px);right:0;width:min(295px,calc(100vw - 24px));background:#fffdfd;border:4px solid white;border-radius:25px;box-shadow:0 14px 35px #59316d44;padding:18px 14px;text-align:center}#wonder-profile-panel[hidden]{display:none!important}.wonder-profile-heading{font-size:20px;font-weight:950;color:#7c4bad;margin:0 0 14px}.wonder-profile-caption{font-size:17px;font-weight:800;margin-bottom:10px}.wonder-language-options{display:grid;gap:10px}.wonder-language-options button{border:3px solid #e7d8f5;background:#f4eafa;border-radius:16px;padding:13px 10px;min-height:50px;font-size:19px;font-weight:900;color:#6c4b8c}.wonder-language-options button[aria-pressed=true]{background:#8b55ca;color:white;border-color:#8b55ca}#wonder-profile-menu:focus-visible,.wonder-language-options button:focus-visible{outline:4px solid #e78dc3;outline-offset:3px}@media(max-width:560px){#wonder-language-controls{top:calc(7px + env(safe-area-inset-top,0px));right:7px}#wonder-profile-menu{min-width:50px;min-height:47px;padding:6px 9px;font-size:21px}#wonder-profile-panel{width:min(285px,calc(100vw - 14px))}}#wonder-profile-panel{width:min(320px,calc(100vw - 24px))}.wonder-profile-row{display:flex;align-items:center;gap:12px;text-align:left;background:#f7efff;border-radius:19px;padding:12px;margin:10px 0}.wonder-profile-row #wonder-profile-name{font-size:19px;font-weight:900;margin-bottom:7px}#wonder-avatar-preview{width:66px;height:66px;flex-shrink:0;border:3px solid white;border-radius:50%;display:grid;place-items:center;background:#fbd2e9;font-size:36px;overflow:hidden}#wonder-avatar-preview img{width:100%;height:100%;object-fit:cover}#wonder-change-avatar,#wonder-reset-avatar{border:0;background:#e6d6fa;border-radius:13px;padding:8px 10px;color:#644287;font-size:13px;font-weight:850}#wonder-reset-avatar{display:block;margin:8px auto 18px;background:#f9edf4}.wonder-language-caption{border-top:2px solid #f0e4f6;padding-top:15px}.wonder-language-options{grid-template-columns:1fr 1fr}.wonder-language-options button{font-size:21px;letter-spacing:1px}#wonder-profile-menu{font-size:25px}#wonder-profile-menu .wonder-menu-lines{font-size:25px}
/* Mobile navigation: one unobtrusive menu, no duplicate avatar or overlaying buttons. */
#dg-edit-avatar,.dg-nav #avatar,.dg-nav #file{display:none!important}
@media(max-width:700px){body:has(.dg-nav) .dg-nav{padding-right:66px!important;justify-content:flex-start!important;gap:5px!important}body:has(.dg-nav) .dg-nav button{font-size:clamp(11px,2.6vw,14px)!important;padding:9px 8px!important;min-height:42px}body:has(.dg-nav) #wonder-language-controls{position:fixed;top:calc(7px + env(safe-area-inset-top,0px));right:8px}#wonder-profile-panel{max-height:min(78dvh,650px);overflow-y:auto}body:has(.dg-nav) .dg-screen{max-width:100%;overflow-wrap:anywhere}}
@media(max-width:400px){body:has(.dg-nav) .dg-nav{padding-right:60px!important}body:has(.dg-nav) .dg-nav button{font-size:11px!important;padding:8px 6px!important}#wonder-profile-menu{min-width:46px;min-height:44px}}

/* Shared header: distinct navigation and profile controls. */
#wonder-language-controls{display:flex;align-items:center;gap:8px}
#wonder-profile-menu{width:49px;min-width:49px;height:49px;min-height:49px;border-radius:50%;padding:3px;overflow:hidden}
#wonder-header-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#ffe0f0;font-size:25px;overflow:hidden}
#wonder-header-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
#wonder-nav-menu{display:none;min-width:49px;height:49px;border:3px solid white;border-radius:16px;background:#fff2fd;color:#6d428c;font-size:25px;font-weight:900;box-shadow:0 5px 14px #67407c44}
#wonder-nav-panel{position:absolute;right:58px;top:calc(100% + 10px);width:min(230px,calc(100vw - 24px));padding:12px;background:#fffdfd;border:3px solid white;border-radius:21px;box-shadow:0 14px 35px #59316d44;display:grid;gap:7px}
#wonder-nav-panel[hidden]{display:none!important}
#wonder-nav-panel a{display:block;text-decoration:none;color:#67428c;font-weight:900;font-size:18px;padding:12px;border-radius:13px;background:#f4eafa}
#wonder-profile-panel{right:0}
@media(max-width:700px){
#wonder-nav-menu{display:block}
body:has(.dg-nav) .dg-nav{display:none!important}
body:has(.dg-nav) .dg-screen{margin-top:72px}
body:has(.dg-nav) #wonder-language-controls{top:calc(7px + env(safe-area-inset-top,0px))}
#wonder-profile-panel{max-height:calc(100dvh - 85px);overflow:auto}
}
@media(min-width:701px){#wonder-language-controls{right:12px}body:has(.dg-nav) .dg-nav{padding-right:75px}}