.user-menu{position:relative;margin-left:auto}.user-menu summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-weight:600;cursor:pointer;list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu summary .icon:last-child{width:15px;height:15px;color:var(--muted);transition:transform .15s}.user-menu[open] summary .icon:last-child{transform:rotate(180deg)}.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:260px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 45px var(--shadow)}.user-menu-head{display:grid;gap:2px;padding:9px 10px 11px;border-bottom:1px solid var(--line)}.user-menu-head strong{font-weight:700}.user-menu-head small{color:var(--muted)}.user-menu nav{display:grid;padding:7px 0}.user-menu nav a,.user-menu-logout{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:var(--text);font-weight:500}.user-menu nav a:hover,.user-menu-logout:hover{background:var(--panel2);color:var(--primary);text-decoration:none}.user-menu-preferences{display:grid;gap:8px;padding:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.theme-choices button{min-height:32px;padding:5px}.user-menu-logout{margin-top:7px;color:var(--red)}@media(max-width:700px){.user-menu summary span{display:none}.user-menu-panel{position:fixed;right:12px;top:58px;width:min(280px,calc(100vw - 24px))}}
