.account-menu{position:relative;flex:0 0 auto}
.account-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:32px;height:32px;border:1px solid transparent;border-radius:50%;cursor:pointer;color:inherit;opacity:.8}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu>summary:hover,.account-menu[open]>summary{opacity:1;background:color-mix(in srgb,currentColor 8%,transparent)}
.account-menu>summary:focus-visible,.account-panel a:focus-visible,.account-panel button:focus-visible{outline:2px solid var(--primary,#2458c6);outline-offset:2px}
.account-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:240px;max-width:calc(100vw - 24px);padding:8px;border:1px solid var(--border,#d8e0eb);border-radius:10px;background:var(--bg-card,#fff);color:var(--text,#192539);box-shadow:0 8px 28px #0002;text-align:left}
.account-name{display:block;padding:6px 8px 10px;font-size:12px;line-height:1.4;color:var(--text-muted,#63718a);overflow-wrap:anywhere;border-bottom:1px solid var(--border,#d8e0eb);margin-bottom:4px}
.account-menu .account-panel a,.account-menu .account-panel button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;text-align:left}
.account-menu .account-panel a:hover,.account-menu .account-panel button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.account-panel form{margin:0}
@media(max-width:400px){.header .style-select{width:64px}.header .logo-text-sub{display:none}.header .logo svg.logo-mark{width:20px}.header .logo-name{font-size:.75rem}}